Agent Native

scaffold-lovable-project

This skill scaffolds a new Lovable project from a plain-language description, using TypeScript, Tailwind, and shadcn/ui with a cloud sandbox.

by LovableOfficial publisherNot reviewed

Identity proven by GitHub's verified organisation badge (lovablelabs)

Agents
Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode, claude.ai and API
License
MIT (permissive)
Pin
c85eecfpinned Oct 9, 2026
Context cost
about 390 tokenswhen the skill loads
GitHub stars
6on lovablelabs/lovable-cursor-plugin
Scripts
None found

What it does

“Start a new Lovable app from a plain-language brief and hand back the editor and preview links. Use when someone wants to spin up a fresh project.”
The author's description, from SKILL.md

Generated summary from the skill's own text

This skill scaffolds a new Lovable project from a plain-language description, using TypeScript, Tailwind, and shadcn/ui with a cloud sandbox. It generates an editor URL and preview URL for the fresh app so you can view and edit it immediately.

When to use it

  • Creating a new app from a user's requirements before any code exists
  • Rapid prototyping when you need a working starting point fast
  • Building projects that require Lovable's default tech stack

When not to

  • Modifying an existing Lovable project instead of creating a new one
  • When a custom framework or stack different from TypeScript and Tailwind is required

Install

These commands install from the publisher's repository and need no account.

skills CLI

npx skills add lovablelabs/lovable-cursor-plugin --skill scaffold-lovable-project

Installs from the repository's default branch, which may have changed since the commit we checked.

GitHub CLI 2.90 or later

gh skill install lovablelabs/lovable-cursor-plugin scaffold-lovable-project@c85eecf665adcef48dd701d479a9afa2abc86438

Installs the commit we checked (c85eecf).

Copy by hand

Download the folder at c85eecf and put it in .claude/skills/scaffold-lovable-project for Claude Code and in .agents/skills/scaffold-lovable-project for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

Skill folder on GitHub at c85eecf

Copy for your agent

A prompt for any coding agent. It installs this skill from GitHub at the pinned commit, copies the files as they are, and runs nothing unless you ask.

Prompt

Install the agent skill "scaffold-lovable-project" by Lovable.

Source, pinned to commit c85eecf665adcef48dd701d479a9afa2abc86438:
https://github.com/lovablelabs/lovable-cursor-plugin/tree/c85eecf665adcef48dd701d479a9afa2abc86438/plugins/lovable/skills/scaffold-project

1. Download that folder at exactly this commit. Do not use the default branch.
2. Copy every file unchanged, keeping the folder structure, into .claude/skills/scaffold-lovable-project/ for Claude Code and .agents/skills/scaffold-lovable-project/ for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. Create the folders if they do not exist.
3. Do not edit the files, and do not run any script in the folder unless I ask you to.
4. When you are done, list the files you copied and where you put them.

Listing and checks: https://www.agentnative.dev/skills/lovable/scaffold-lovable-project

SKILL.md at the pin

---
name: scaffold-lovable-project
description: Start a new Lovable app from a plain-language brief and hand back the editor and preview links. Use when someone wants to spin up a fresh project.
---

# Scaffold a Lovable project

## When to use

- Someone describes an app they want and there is no project yet.
- You are prototyping and need a running starting point fast.

## What you have to work with

New projects use Lovable's default stack (TypeScript, Tailwind, shadcn/ui, with a cloud sandbox and live preview). There is no stack picker in `create_project`. If the brief implies a framework, rendering style, or layout, write it into the prompt in plain words.

## Steps

1. Turn the brief into one concrete `create_project` prompt. Name the kind of app, the main screens, and the first thing a visitor should be able to do. Skip vague adjectives; describe behavior.
2. Call `create_project`. If a host renders the project widget, omit `workspace_id` and let the widget pick the workspace; otherwise pass the workspace you mean.
3. Wait for the first build, then capture `editor_url` and `preview_url` from the project.
4. Open the `preview_url` (or `get_diff`) to confirm the first build matches the brief.
5. Hand back both links: the editor for visual edits, the preview to look at the running app.

## Good first prompts

- Say what the app is for, not just what it is. "A booking page where a client picks a time slot and pays a deposit" beats "a scheduling app."
- Name the first screen and the primary action on it.
- Mention any integration up front (Stripe, Supabase auth, email) so it is planned in, not bolted on later.

## After it exists

Hand off to the iterate-with-lovable-agent skill to refine it, or enable-lovable-cloud-database if it needs data.

From lovablelabs/lovable-cursor-plugin at c85eecf, shown as plain text under its license: MIT (permissive). The license text is in plugins/lovable/LICENSE.

View SKILL.md on GitHub at c85eecf

Files

1 file, 1.8 KB in total. Each file has a sha256 in the pin's manifest; the first 12 characters are shown.

Skill folder on GitHub at c85eecf
All 4 skills from Lovable

More from Lovable

  • deploy-lovable-project

    This skill enables the agent to publish a Lovable project to a live environment, verify the deployment succeeded, and monitor visitor traffic afterward.

    Claude Code, Codex, Cursor +4 · about 230 tokens · pinned 6 days ago

  • enable-lovable-cloud-database

    This skill provisions and manages a Lovable Cloud Postgres database, letting the agent run SQL queries to read data, inspect schemas, and apply targeted fixes.

    Claude Code, Codex, Cursor +4 · about 370 tokens · pinned 6 days ago

  • iterate-with-lovable-agent

    This skill lets an agent iterate on existing Lovable projects by sending messages describing changes to the cloud sandbox and reviewing the resulting diffs.

    Agents not labelled yet · about 460 tokens · pinned 6 days ago

All Frontend and design skills

Related in Frontend and design

  • next-bundle-optimizer

    Audits Next.js applications to identify and reduce browser bundle size and initial-load work by analyzing routes, dependencies and client outputs.

    by VercelOfficial publisher

    Claude Code, Codex, Cursor +4 · about 2.3K tokens · pinned 6 days ago

  • next-cache-components-optimizer

    Optimize Next.js routes to display meaningful UI instantly on initial load or client navigation by encoding the optimization goal as a failing…

    by VercelOfficial publisher

    Claude Code, Codex, Cursor +4 · about 5.6K tokens · pinned 6 days ago

  • next-partial-prefetching-adoption

    Enables Partial Prefetching in Next.js 16.3+ apps and guides adoption through auditing Link prefetch behavior, preserving UI in tests or manually, and…

    by VercelOfficial publisher

    Claude Code, Codex, Cursor +4 · about 6.7K tokens · pinned 6 days ago

  • remotion-interactivity

    This skill teaches how to structure Remotion code so the Studio IDE recognizes and makes it interactive.

    by RemotionOfficial publisher

    Claude Code, Codex, Cursor +3 · about 2.4K tokens · pinned 6 days ago

  • remotion-interactivity

    This skill teaches how to structure Remotion video components to unlock Studio interactivity features like click selection, drag-and-drop, resizing, rotation…

    by RemotionOfficial publisher

    Claude Code, Codex, Cursor +3 · about 4.8K tokens · pinned 6 days ago

  • remotion-maps

    This skill enables creating map-based animations with Remotion using four different mapping libraries: Mapbox, MapLibre, MapTiler, or CesiumJS.

    by RemotionOfficial publisher

    Contains scripts

    Claude Code, Codex, Cursor +3 · about 240 tokens · pinned 6 days ago

Open roles at Lovable

5 of 15 open roles on the jobs board

See all 15 roles at Lovable on the jobs board

The skills listed here are third-party software, collected from public GitHub repositories as a catalog of recent skills and provided as is. Agent Native does not write or control them and is not responsible for any harm, loss or damage caused by installing or using them. Labels and checks describe what we saw at one commit and are not a guarantee. Read a skill's files before you run it. Terms of use