It doesn't matter which coding platform you use to prototype your front-end. They all use the exact same trick:
- They use Claude Sonnet 3.5 (or derivatives) because Claude is a very good boy.
- They install the shadcn/ui library and ask the model not to use anything else.
- They provide some basic rules that reign in the model's propensity to do more than asked for.
If you look at the system prompts from Anthropic Artifacts, v0, Lovable, Bolt, etc. they all work the exact same way. You want to know what's even crazier? You don't even need Cursor or a fancy IDE. Building the equivalent of Claude Code is a few hundred lines of code.
This template provides a minimal setup to prototype user interfaces. It happens to use Cursor rules so you should probably just use Cursor.
- Install Bun (if you have NodeJS installed that works too).
- Clone this repository or instantiate it as a template.
bun install
in the repository.bun run dev
and open http://localhost:5173/ in your browser.- Ask Cursor to make a change. For example: "Change the label of the button on the homepage to please click me and when the user clicks open an alert that says Hello my dear user."