abdc.business
v0 FoundationsFree Course on Vercel Academy

Everything you need toget started with v0

A quick reference guide with tips, prompts, and best practices. Master v0 in minutes.

Open v0Watch Full Course

Quick Tips

6 tips

Be Specific

Describe exactly what you want. Include details about layout, colors, and functionality.

Start Simple

Build incrementally. Start with the core UI, then add features one at a time.

Iterate

Use follow-up prompts to refine. Say "make the header sticky" or "add dark mode".

Use References

Attach screenshots or images. v0 can recreate designs from visual references.

Use Context

v0 remembers the conversation. Reference previous elements by name.

Ask for Options

Say "give me 3 variations" to explore different design directions.

Prompt Examples

Copy & paste

Create a pricing table with 3 tiers: Free, Pro, and Enterprise

Structured comparison

Build a testimonial carousel with avatar, quote, and company name

Social proof

Design a command palette like Spotlight or VS Code

Navigation pattern

Make a data table with sorting, filtering, and pagination

Data display

Keyboard Shortcuts

Mac
ShortcutAction
Cmd+K
Open command palette
Cmd+Enter
Submit prompt
Cmd+Shift+C
Copy code
Cmd+\
Toggle sidebar
Cmd+B
Toggle code view
Esc
Close modal / Cancel
Cmd+Z
Undo last change
Cmd+Shift+Z
Redo

Replace Cmd with Ctrl on Windows/Linux

Best Practices

Do's & Don'ts

Do

  • Start with the UI before adding backend logic
  • Use specific component names ("navbar", "hero", "footer")
  • Iterate in small steps with follow-up prompts
  • Reference design systems ("use shadcn/ui style")
  • Attach images or screenshots as references
  • Ask for mobile-responsive designs explicitly

Don't

  • Try to build everything at once
  • Use vague descriptions ("make it look nice")
  • Write one massive prompt with every requirement
  • Expect v0 to guess your preferred aesthetic
  • Describe complex layouts in words only
  • Assume responsiveness is automatic