How do I install the Lovable Checkout skill?

Run npx skillmds@latest add solvapay/lovable-checkout in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Lovable Checkout safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Lovable Checkout?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Lovable Checkout free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Lovable Checkout?

solvapay (@solvapay) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Lovable Checkout by solvapay — Agent Skill

Name: Lovable Checkout
Author: solvapay

Lovable Checkout

Paste-in SolvaPay hosted checkout for Lovable-generated apps (Vite + React + TypeScript + shadcn/ui + Supabase). Backend is Supabase Edge Functions — no Node server to add. Use when the user says "lovable", "vite checkout", "shadcn checkout", "supabase edge checkout", "solvapay in lovable", "paste this into lovable", or "@preview". Pinned to the floating `@preview` tag and the SolvaPay dev backend (`https://api-dev.solvapay.com`). Not for production. Use `website-checkout` for Next.js / production web apps, or `sdk-integration` for general SDK wiring.

solvapay e56506e 10 files · 38.3 KB Updated Sep 17, 2026

File contents

Lovable Checkout (preview)

Self-contained guide for wiring SolvaPay hosted checkout into a Lovable app. The whole guide is designed to be pasted into the Lovable chat to bias its agent toward a working integration on turn zero.

Quick Start

Read guide.md end-to-end before generating code. The guide owns environment setup, Supabase edge function templates, the @preview install commands, and the Lovable-specific guardrails.
Cross-reference reference.md for the package + hook map.

Guardrails

Never put SOLVAPAY_SECRET_KEY in .env, VITE_*, import.meta.env, or any file the browser can reach. The secret lives only as a Supabase edge function secret.
Never hand-roll fetch against https://api-dev.solvapay.com from the browser. All SolvaPay backend calls go through Supabase edge functions.
Always install with the @preview tag: @solvapay/react@preview, @solvapay/react-supabase@preview. Never pin an exact preview version.
Always set SOLVAPAY_API_BASE_URL=https://api-dev.solvapay.com as a Supabase edge function secret — production keys are rejected by api-dev.
Not for production. The @preview tag is unstable by design.

Frequently asked questions