WebsitePromptCreate a prompt

Prompt guide · v0 by Vercel

The v0 prompt generator for polished, on-brand React sites

v0 produces excellent React + Tailwind + shadcn/ui code — when the prompt gives it a real specification. Thin prompts produce the same neutral shadcn look every v0 user gets.

WebsitePrompt generates a brief that speaks v0's language: CSS custom properties referenced through Tailwind, shadcn/ui primitives where they fit, and complete section-by-section content so nothing renders as a placeholder.

What a great v0 prompt includes

Tokens wired into Tailwind

Define the palette as CSS variables and tell v0 to reference them — otherwise you get default shadcn neutrals everywhere.

Component-level specs

v0 thinks in components. Briefs that describe each section as a component with states get dramatically better output.

Typography beyond Inter

v0 defaults to Inter. Naming a display font is the single fastest way to stop looking like a template.

Real copy seeds

Actual headlines and CTA labels in the prompt mean the first render is already on-message.

Responsive breakpoints named

Asking for flawless 375/768/1440px behavior gets tested layouts, not desktop-only ones.

How WebsitePrompt handles this for you

When you pick v0, your brief is framed as React components with Tailwind and shadcn/ui, with the design tokens declared exactly how v0 expects them.

Try it free →