marvkr/better-design ? reverse-engineered prompt

Reverse engineered prompt

Build me an open source design helper for AI coding tools like Cursor, Claude Code, and Copilot.

I want it to work like a design MCP server and a component registry for shadcn style apps, so I can tell an agent what kind of product I’m making and it can pick a matching visual style, load the right design tokens, and generate polished UI instead of generic looking screens. It should include several ready made themes inspired by products like Linear, Stripe, Vercel, Notion, Apple, Supabase, and Figma, plus guidance for spacing, typography, shadows, motion, and accessibility.

Make it so the agent can also check its own work against simple review rules for contrast, hierarchy, focus states, and layout consistency. I want the end result to feel like a real design system that an AI can use to build and refine components with one command. If you need to, look up the current docs for the tools and patterns first.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab