V0 prompt crafter
Skill IdkwhatImD0ing/hackathonstarterkit/.agents/skills/v0-prompt-crafter
Win your next hackathon: a battle-tested playbook plus an AI agent skill pipeline that scaffolds and ships your project.
npx -y skills add IdkwhatImD0ing/hackathonstarterkit --skill v0-prompt-crafterAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Turn a PRD, product idea, app description, screenshot brief, or rough UI concept into a high-signal Vercel v0 prompt. Use this skill whenever the user wants a v0 prompt, landing page prompt, app UI generation prompt, visual direction, shadcn/Magic UI/Aceternity guidance, or a more distinctive interface than generic AI output.
SKILL.md
4.9 KB, ~1.1k tokens by cl100k_base, as published. Nobody here has run it
v0 Prompt Crafter
Produce a copy-paste-ready prompt for Vercel v0 that is specific enough to generate a memorable interface. The deliverable is the prompt, not application code.
Parse The Product
Extract these facts from the user input or PRD:
- Product name and one-line pitch
- Core features, data fields, and user actions
- Target user and their technical comfort
- Context of use, such as device, environment, urgency, and attention span
- Decision or outcome the UI helps the user reach
- Industry or vertical
- Scope: component, landing page, marketing site, dashboard, full app, or multi-screen flow
If facts are missing, propose two or three concrete options and ask the user to choose. Do not silently invent product facts.
Missing facts matter most when they affect trust, privacy, conversion, or layout. For health, finance, legal, education, and AI products, explicitly resolve or label assumptions about privacy posture, regulated context, primary differentiator, and the most important user action before writing the final prompt.
Read The Industry
Give a one-paragraph industry read before choosing a style. Mention the visual expectations of comparable products, such as density, trust cues, typography, color conventions, and layout patterns.
Use current docs or web research when the task depends on up-to-date v0, shadcn, Magic UI, Aceternity, or Motion details.
Choose A Strong Direction
Avoid generic "clean modern" prompts. Pick one coherent aesthetic and commit to it.
Possible directions:
- Brutalist editorial
- Retro terminal
- Soft luxury
- Neo-brutalist memphis
- Glassmorphic depth
- Organic biomorphic
- Industrial technical
- Playful toy-like
- Minimal Swiss grid
- Ink editorial print
Write an aesthetic statement with:
- Name of the direction
- Feeling in two or three adjectives
- One signature visual detail
Then lock the design tokens:
- Theme: light or dark
- Background, surface, foreground, and one or two accents as hex values
- Display, body, and mono fonts by exact name
- Radius, spacing unit, density, texture, and motion language
Colors must be hex values. Fonts must be real fonts or known platform fonts.
Choose Libraries
Use library choices that support the aesthetic rather than adding effects for novelty.
shadcn/ui: app chrome, forms, cards, dialogs, tables, tabs, command palettes@magicui: marquee, number ticker, animated grid, border beam, terminal, shimmer, orbiting circles@aceternity: spotlight, aurora, bento grid, infinite moving cards, tracing beam, meteors, sparklesmotion/react: custom page-load, hover, scroll, and layout animationslucide-react: iconsrechartsortremor: dashboards and chartsreact-three-fiberplus@react-three/drei: only when 3D is central to the concept
Minimal Swiss should not use heavy animated backgrounds. Retro-terminal or playful community pages can justify stronger effects.
Build The Prompt
The v0 prompt must include:
- Product surface: every section, component, data field, and action
- Context of use: who, where, and what decision they need to make
- Aesthetic direction and signature detail
- Visual system with concrete tokens
- Component and library stack
- Layout from top to bottom or screen by screen
- Motion rules
- Responsive behavior
- Accessibility requirements
- What to avoid
If the user asked for speed and essential facts are missing, include an Assumptions To Confirm line before the prompt and make the assumptions visible inside the prompt. Do not bury them in the explanation.
Length guidance:
- Single component: 80-150 words
- Landing page: 250-450 words
- Full app: 500-900 words, or split into one prompt per screen
Output Format
Return exactly:
- Industry Read: one paragraph
- Aesthetic Statement: two or three sentences
- Design Tokens: bullets with hex colors, fonts, radius, spacing, density, texture, motion
- Library Stack: bullets with purpose for each library/component
- The v0 Prompt: one fenced code block that is self-contained
- How To Use It: three short bullets
- Follow-Up Prompts: three to five one-line iteration prompts
Quality Bar
- The prompt should be self-contained enough that a developer can paste it into v0 with no extra context.
- Never default to Inter, purple gradients, centered hero with one CTA, lorem ipsum, or emoji-only feature icons.
- Use real copy whenever the user provided it.
- For regulated industries, keep the design disciplined and include trust cues.
- Do not claim v0 will produce a perfect result. Give useful follow-up prompts.