use-v0
Installation
SKILL.md
Generate high-quality v0.dev prompt based on current file, selection, and repository context. Follow validation workflow before opening v0.dev.
- Generate prompt: Analyze current file, selection, and repository context, include constraints: Next.js App Router, React + TypeScript, Tailwind CSS, shadcn/ui, Server Components by default, client components only when strictly necessary, accessible semantic HTML, mobile-first responsive layout, clean minimal production-ready design, no data fetching or mock APIs unless explicitly required, follow existing layout/spacing/component patterns, max 300 lines per file, max 1 react component per file
- Show prompt to user: Display generated v0 prompt (plain text) with OPEN/EDIT/CANCEL instruction line, ask user to validate with single explicit choice: reply "OPEN" to open v0.dev, reply "EDIT:" followed by changes to revise prompt, reply "CANCEL" to stop
- Handle user response: If user replies "EDIT:", revise prompt based on feedback and repeat validation steps (1–2), if user replies "CANCEL", stop process, if user replies "OPEN", proceed to next step
- Validate prompt: Before opening, ensure prompt is concise with no repo-internal paths/secrets/private tokens, prompt avoids irrelevant implementation details, URL-encoded prompt length within browser URL limits (if too long, ask user to shorten/scope it)
- Open v0.dev: URL-encode final approved prompt, open browser at
https://v0.dev?chat={url_encoded_prompt}, output only "Opened v0.dev" (do not output the URL)