Lovable Skills — A Production-Ready Skill Library for Lovable.dev

Learn to vibe code better by saving costs — VibeMastery

57 open-source Lovable skills — TanStack Query, TanStack Start server routes, Supabase RLS, Stripe webhooks, pg_cron deep dives, technical SEO, programmatic SEO, multi-tenant SaaS, dark mode, i18n, charts, and the full launch checklist. Import in one click; no Settings credit cost.

If you searched lovable skills, lovable workspace skills, lovable.dev skills, lovable agent skills, lovable tanstack query, lovable tanstack start, lovable pg_cron, lovable SEO, or how to add skills in Lovable, this is the most complete catalog on GitHub.

---

What this is

A curated collection of Lovable skills — short markdown playbooks Lovable loads on demand to handle recurring work the same way every time. Each skill is opinionated, tested against real Supabase + Stripe + TanStack Query + shadcn projects, and small enough to live happily next to your knowledge base.

You can keep dozens of skills in one workspace without bloating context — Lovable only loads the ones that match your prompt.

---

Starter packs

Every Lovable + Supabase project (6)

1. tanstack-query-alternative — Lovable’s default data layer
2. supabase-rls-and-auth — row level security from day one
3. error-states-and-empty-ui — loading, empty, error every list
4. shadcn-patterns — dialogs, sheets, tables, toasts
5. typed-api-hooks-forms — Zod + react-hook-form (forms half)
6. lovable-ship-checklist — pre-launch gate

Backend / SaaS (8)

supabase-database-design → supabase-auth-flows → supabase-rls-and-auth → multi-tenant-backend → server-input-validation → api-error-handling → edge-functions-and-webhooks → rate-limiting-edge

Payments (6)

pricing-and-billing → stripe-payment-webhooks → payment-webhook-idempotency → payment-webhook-testing → payment-failed-and-recovery → stripe-one-time-payment-webhooks (only for one-time products)

Marketing site / SEO (6)

seo-landing-page → seo-meta-tags-spa → seo-ssr-and-prerendering → seo-structured-data → seo-sitemap-generation → seo-core-web-vitals

Programmatic SEO (4)

programmatic-seo-pages → programmatic-seo-content-quality → seo-sitemap-generation → seo-ssr-and-prerendering

TanStack Query mastery (4)

tanstack-query-alternative → tanstack-mutations-and-invalidation → tanstack-infinite-queries → tanstack-prefetch-and-hydration

TanStack Router / Start (2)

tanstack-router-data-loaders → tanstack-start-server-routes

Scheduled jobs with pg_cron (4)

background-jobs-and-cron → pg-cron-scheduled-jobs → pg-cron-with-pg-net-edge → pg-cron-recipes

---

All 57 Lovable skills

Client data layer — TanStack Query (Lovable default)

TanStack Router and Start — server routes and loaders

Backend — Supabase and Postgres

Postgres scheduling — pg_cron

Payments — Stripe

SEO — technical

SEO — programmatic

UI and UX

Realtime, migrations, forms

Files, comms, i18n

Ship, quality, performance

Growth and ops

Full table with slash invocations: skills/README.md.

---

How to import Lovable skills

Option 1 — Import from GitHub (recommended)

In Lovable: Settings → Skills → Add → Import from GitHub and paste a subdirectory URL.

https://github.com/YOUR_ORG/lovable-skills/tree/main/skills/tanstack-query-alternative

Repeat per skill you want, or import only a starter pack.

Option 2 — Upload ZIP

Download a skill folder, then Settings → Skills → Add → Upload ZIP.

Option 3 — Write manually

Open skills//SKILL.md, copy the description and body into Lovable’s Write manually form. Folder name = skill name.

Use in a chat

/tanstack-query-alternative Add useProjects and useCreateProject with proper invalidation.

/stripe-payment-webhooks Implement the webhook handler and sync to Supabase.

/programmatic-seo-pages Generate location pages for these 50 US cities.

/seo-core-web-vitals My homepage scores 42 on PageSpeed mobile — fix the top three issues.

/lovable-ship-checklist Review the app before Friday's release.

Or describe the task; Lovable auto-matches the right skill via its “Use when…” description.

---

Why use this repo

• Tested against real production traps — RLS recursion, Stripe Deno crypto, idempotent webhooks, SPA crawl issues, TanStack cache invalidation, programmatic thin content.
• TanStack Query first — matches Lovable’s current default; SWR available as an alternative path.
• Six layers of SEO — meta tags, SSR, structured data, sitemap, Core Web Vitals, programmatic — not just a “SEO checklist”.
• Concise on purpose — each skill is small enough to load without burning context.
• Cross-referenced — skills point at companion skills so Lovable composes them well.
• Portable — same SKILL.md shape as Agent Skills (Claude, Cursor, others).
• MIT-licensed — fork, adapt, ship.

---

Contributing

PRs welcome. See CONTRIBUTING.md for the skill template, naming rules, and review checklist. Skill changes are recorded in CHANGELOG.md.

Want a skill that’s not here? Open an issue with the “Use when…” trigger and at least one example prompt that should load it.

---

FAQ

How many Lovable skills can I import?

As many as you want. Lovable only loads skills whose descriptions match the current request, so a large library does not slow individual chats.

Do these replace Lovable’s built-in skills?

No. Built-in skills stay read-only and managed by Lovable. These are custom workspace skills you own — edit, extend, or remove.

Is TanStack Query really Lovable’s default?

Yes, Lovable currently scaffolds projects with TanStack Query. The skills in this repo treat TanStack as the default; if your project already uses SWR, use typed-api-hooks-forms. Never mix the two.

Will these work in Cursor or Claude?

Yes. The SKILL.md shape is shared across Agent Skills implementations. Drop the folder into the appropriate skills directory (or import the ZIP).

Do skills cost credits in Lovable?

No additional skill-specific cost. Standard chat credits apply to messages; importing or writing skills in Settings is free.

How do I keep skills up to date?

Star and watch this repo, or fork it into your org and pull updates periodically. Skill changes ship in CHANGELOG.md.

How do I write my own Lovable skill?

Read CONTRIBUTING.md and lovable-prompting-playbook for skill design tips. The official guide is in Lovable’s docs.

---

Keywords

Lovable skills · lovable workspace skills · lovable.dev skills · lovable agent skills · custom lovable skills · import lovable skills from GitHub · lovable tanstack query · lovable tanstack start · lovable tanstack router · lovable react query · Lovable Supabase skills · Lovable Stripe webhook skill · Lovable RLS playbook · Lovable pg_cron skill · Lovable scheduled jobs · Lovable SEO skills · lovable programmatic SEO · Lovable SSR prerender · Lovable structured data · Lovable Core Web Vitals · Lovable launch checklist · Lovable multi-tenant · Lovable dark mode · Lovable i18n · Lovable feature flags · Lovable accessibility · Lovable shadcn patterns

---

License: MIT. Free for personal and commercial use; attribution appreciated but not required.