lovablelisted

# Lovable Integration Skill This skill enables Claude Code to work effectively with Lovable.dev projects while respecting Lovable's deployment requirements. ## When to Use This Skill Activate when: - User mentions "Lovable" or "lovable.dev" - Project has `supabase/` directory with Edge Functions - User asks to deploy edge functions - User creates database migrations - User asks about Lovable Cloud or backend deployment - Project appears to be a Lovable project (React + Supabase structure) ## Core Concept Lovable uses **two-way GitHub sync** on the `main` branch only: - Frontend code syncs automatically - Backend operations (Edge Functions, migrations, RLS) require Lovable prompts ## What Syncs Automatically (GitHub → Lovable) ✅ Edit freely and push to `main`: - `src/` - All React components, pages, hooks, utils - `public/` - Static assets - Config files - vite.config.ts, tailwind.config.js, tsconfig.json - `package.json` - Dependencies - `supabase/functions/*/index.ts` - Edge Function **code** (not deployment) - `supabase/migrations/*.sql` - Migration **files** (not application) ## What Requires Lovable Deployment ⚠️ After editing, provide Lovable prompt: | Change Type | Lovable Prompt | |-------------|----------------| | Edge Function code | `"Deploy the [name] edge function"` | | All Edge Functions | `"Deploy all edge functions"` | | New migration file | `"Apply pending Supabase migrations"` | | New table needed | `"Create a [name] table with columns: [list]"` | |