Skill · App Builders
Design System Prompt Pack
Writes Lovable prompts that replace default styling with one central design system, refine each page with every state designed, and keep new pages consistent.
When to use
- Your Lovable app works but looks like every other default component-library app.
- You are about to show the app to paying users or investors.
- Pages look inconsistent with each other (spacing, button styles, corner radius, colours).
When not to use
- The core flow does not work yet: get it working first (
lovable-mvp-weekend-spec), then design. - You already have a full design in Figma or similar: describe or import that system instead of inventing a new one.
- You need a brand identity (logo, name, brand strategy): this skill applies a brand, it does not create one.
Example
User: Invoice tracker for freelance designers. Calm, crisp, trustworthy. Light mode only. Pages: dashboard, invoice list, invoice detail, settings.
Result (excerpt):
DESIGN DECISIONS
Fonts: Inter Tight / Inter · Type scale: 32/40, 24/32, 18/28, 16/24, 13/20
Colours by role: primary #1F4FD8 · surface #F6F7F9 · raised #FFFFFF · border #E3E6EB
· text #111827 / #4B5563 · success #15803D · warning #B45309 · error #B91C1C · focus #1F4FD8
Radius: 8 px · Shadows: cards soft, dialogs stronger
D2 Dashboard: "Refine the dashboard only. Lead with the total overdue and a New
invoice button at the top right. Put overdue invoices above recent activity, with
32 px between sections. While loading, show skeleton rows; if loading fails, say
so and offer Retry; with no invoices yet, show 'Create your first invoice' and a
button. Do not change any data or logic."
CHECK IN THE PREVIEW: tab through the dashboard and see a focus ring on every
control; the overdue total is the first thing the eye lands onIllustrative example; your output will differ.
What is inside
The full skill has these sections. The ones marked “in the pack” come with the download.
- When to use on this page
- When not to use on this page
- Inputs to ask for in the pack
- Workflow in the pack
- Rules in the pack
- Output format in the pack
- Example on this page
- Model notes (Oct 2026) in the pack
- Troubleshooting in the pack
- Paste-in version (for chats without skill support) in the pack
Get Design System Prompt Pack
The full skill is a SKILL.md folder you install once and reuse: the workflow, the checklist and the answer format written out, with notes for each model. It comes in the App Builders pack (3 prompts · 11 skills · 1 free), with a QUICKSTART, setup notes in every item and 12 months of updates.
All-Access 39 € vs 7 packs × 12 € = 84 € · less than buying 4 or more packs one by one
Stuck? Email support@meevra.com — we'll help you set it up.