Guides
Lovable skills for AI builders
Six official skills worth installing for SEO, auth, backend, analytics, payments, and observability in Lovable-built apps.
Lovable skills make repeated app-building instructions reusable. A skill is a named markdown playbook with a description and instructions. Lovable can load it automatically when the task matches, or you can invoke it directly from chat with a slash command.
That matters for AI builders because app work repeats. You set up auth, connect a database, add payments, wire analytics, improve SEO, and check production telemetry across many projects. Skills let you turn those recurring workflows into reusable instructions that carry across projects.
Lovable already ships built-in skills for common work. The launch coverage highlighted
/redesign, /accessibility, /seo-review,
/video-creator, and /skill-creator. Lovable's own docs
describe built-in skills for accessibility checks, redesigns, SEO reviews, skill
creation, and video creation, plus custom workspace skills that can be created in chat,
written manually, imported from GitHub, or uploaded as ZIP files.
The practical next step is to add official skills from the tools you use around the app. Skillscout's official directory is useful here because it lets you browse vendor-owned skills while you are deciding what to install. For a typical Lovable-built SaaS or internal tool, this is a coherent starter set.
The six-skill stack
1. Ahrefs for SEO and discoverability
Use the official
Ahrefs ahrefs-python skill
when the app needs SEO data behind the recommendations. It covers Ahrefs API usage
through the official Python SDK, including backlinks, organic keywords, domain rating,
rank tracking, site audits, Brand Radar, SERP overview, batch analysis, and web analytics.
This pairs naturally with Lovable's built-in SEO review skill. Lovable can review metadata, structure, and indexing. Ahrefs gives your AI builder a way to pull real keyword and domain data when the task moves from "make this page SEO-friendly" to "use search data to decide what to build or fix."
Good Lovable prompt:
Install the official Ahrefs skill from this GitHub URL as a workspace skill:
https://github.com/ahrefs/ahrefs-api-skills/tree/HEAD/skills/ahrefs-python
Name it ahrefs-python. Use it when I ask for SEO data, keyword research, backlink analysis, domain metrics, rank tracking, site audit data, Brand Radar, or Ahrefs API work. Keep API keys in environment variables and keep secrets out of app code.
2. Better Auth for login and account setup
Use the official
Better Auth create-auth skill
when the app needs authentication. The skill is designed for TypeScript and JavaScript
apps. It detects frameworks, database adapters, existing auth libraries, and package
managers, then guides the setup for login, sign-up, OAuth providers, auth pages, and
related features.
This is a good fit for Lovable projects because auth usually touches routing, database schema, UI, environment variables, and product rules. A reusable auth skill gives Lovable a checklist and a decision flow before it starts writing code.
Good Lovable prompt:
Install the official Better Auth create-auth skill from this GitHub URL as a workspace skill:
https://github.com/better-auth/skills/tree/HEAD/better-auth/create-auth
Name it better-auth-create-auth. Use it when I ask to add login, sign-up, OAuth, organizations, admin auth, password reset, 2FA, or Better Auth setup to a TypeScript or JavaScript app. Before implementation, scan the project and ask only the missing planning questions.
3. Supabase for backend, database, RLS, storage, and auth-adjacent work
Use the official Supabase skill when the app uses Supabase for database, auth, storage, realtime, edge functions, vectors, cron, queues, or Postgres work. The skill is especially useful for Row Level Security, migrations, auth sessions, JWT handling, storage policies, and schema changes.
Lovable can build a working app quickly. Supabase-specific mistakes can be subtle: public schemas, RLS gaps, service-role keys in frontend code, stale JWT claims, security-definer functions, and storage policy edge cases. The Supabase skill gives the agent a vendor-authored safety checklist for those details.
Good Lovable prompt:
Install the official Supabase skill from this GitHub URL as a workspace skill:
https://github.com/supabase/agent-skills/tree/HEAD/skills/supabase
Name it supabase. Use it for any task involving Supabase database, auth, RLS, storage, realtime, edge functions, migrations, Postgres extensions, or Supabase client setup. Always check current Supabase docs or changelog before implementing and verify changes after applying them.
4. Metabase for embedded analytics
Use the official Metabase React SDK setup skill when the app needs embedded analytics or dashboards. The skill covers first-time setup for the Metabase React SDK, including instance detection, API key handling, dashboard discovery, JWT auth, SDK installation, and initial embedding code.
This fits Lovable well when you are building an internal tool, admin panel, client portal,
or SaaS dashboard. The skill tells the AI builder to get a Metabase URL and admin API key
before making API calls, keep .env.metabase out of application runtime
config, detect the Metabase version, and set up embedding correctly.
Good Lovable prompt:
Install the official Metabase React SDK setup skill from this GitHub URL as a workspace skill:
https://github.com/metabase/agent-skills/tree/HEAD/skills/metabase-react-sdk-setup
Name it metabase-react-sdk-setup. Use it when I ask to embed Metabase dashboards, configure @metabase/embedding-sdk-react, set up Metabase JWT embedding, or add analytics dashboards to an app. Ask for the Metabase URL and admin API key before making Metabase API calls.
5. Stripe for payments and subscriptions
Use the official
Stripe stripe-best-practices skill
when the app accepts payments, sells subscriptions, uses Checkout, builds a marketplace,
manages connected accounts, or needs secure Stripe key handling. The skill routes payment
decisions across Checkout Sessions, PaymentIntents, Setup Intents, Billing, Connect, Tax,
Treasury, and security workflows.
This is the kind of skill you want loaded before payment code is written. It tells the agent which Stripe API surface to use, recommends restricted API keys, points to go-live checks, and covers webhooks and security practices.
Good Lovable prompt:
Install the official Stripe best practices skill from this GitHub URL as a workspace skill:
https://github.com/stripe/ai/tree/HEAD/skills/stripe-best-practices
Name it stripe-best-practices. Use it when I ask to add payments, subscriptions, billing, Stripe Checkout, Payment Element, Stripe Tax, webhooks, marketplace accounts, or secure Stripe key handling. Prefer current Stripe APIs and restricted API keys unless I specify another approach.
6. Dash0 for OpenTelemetry and production visibility
Use the official
Dash0 otel-instrumentation skill
when the app needs observability. The skill covers OpenTelemetry traces, metrics, logs,
resource attributes, sensitive-data handling, validation, and SDK setup for Node.js, Go,
Python, Java, .NET, Ruby, PHP, browser instrumentation, and Next.js App Router.
This is useful after the app has real users or background jobs. Lovable can add features quickly; Dash0's OpenTelemetry skills help the agent add signals that make production behavior visible. The same Dash0 repo also includes skills for OpenTelemetry Collector setup, OTTL transformations, and semantic conventions.
Good Lovable prompt:
Install the official Dash0 OpenTelemetry instrumentation skill from this GitHub URL as a workspace skill:
https://github.com/dash0hq/agent-skills/tree/HEAD/skills/otel-instrumentation
Name it otel-instrumentation. Use it when I ask to add observability, OpenTelemetry, tracing, metrics, logs, Dash0 export, telemetry validation, or Next.js instrumentation. Include resource attributes, sensitive-data checks, and a post-deployment validation checklist.
How to install official skills correctly in Lovable
Lovable supports custom workspace skills from Settings → Skills → Add.
For official skills hosted on GitHub, use Import from GitHub and paste
the skill folder URL. Lovable supports a whole repository URL when SKILL.md
is at the repository root, or a subdirectory URL when a repo contains multiple skills.
The linked directory needs to contain SKILL.md directly.
The reliable install flow is simple:
- Open the current app or workspace in Lovable.
- Go to Settings → Skills → Add → Import from GitHub.
- Paste the GitHub skill URL from the list above.
- Review the name, description, and instructions before publishing it to the workspace.
- Invoke it once with
/skill-nameon a small task before relying on automatic use. - Keep secrets in environment variables or local config files, outside the skill text.
You can also use Lovable's /skill-creator or the "Build with Lovable" flow
for a guided import. A useful prompt is:
Help me create a Lovable workspace skill from this official GitHub skill URL:
[PASTE_URL]
Read the SKILL.md, preserve the original intent, make the description start with "Use when...", and adapt the instructions for this Lovable workspace. Keep any API keys, tokens, and secrets out of the skill body.
For ZIP-based import, download the skill folder as a ZIP and upload it through
Settings → Skills → Add → Upload ZIP. Lovable's docs say ZIP skills must
include a SKILL.md file at the root or inside one wrapping folder, with
bundled files next to it.
Find official skills while you build
When you are building in Lovable and reach a tool choice, open Skillscout or the official skills directory, search by vendor or skill name, open the official source, and copy the GitHub URL into Lovable's import flow.
This keeps the workflow practical: Lovable builds the app, Lovable skills store repeatable build instructions, and the official directory gives you vendor-authored skill sources for the parts of the product that need domain-specific guidance.
A good default setup for a new Lovable app
For a new AI-built SaaS or internal tool, start with a small set of skills and add more only when the workflow repeats.
- Add Better Auth when you start account flows.
- Add Supabase when the app uses database, storage, auth, or RLS.
- Add Stripe when money enters the product.
- Add Metabase when users or internal teams need dashboards.
- Add Ahrefs when SEO and discoverability become part of the product plan.
- Add Dash0 when the app needs production telemetry and debugging visibility.
This gives Lovable a more reliable set of playbooks for the parts of app building that usually require specialized implementation knowledge. The goal is straightforward: fewer repeated instructions, fewer guessed integrations, and a workspace skill library that improves as your app stack becomes clearer.
