Import V0 — Design skill for Claude Code
Create a plan for importing a piece of UX from v0 into our app.
How to install Import V0
Installs to ~/.claude/commands/edspencer-bragdoc-ai-import-v0.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/edspencer/bragdoc-ai/HEAD/.claude/commands/import-v0.md -o ~/.claude/commands/edspencer-bragdoc-ai-import-v0.md Restart Claude Code, or start a new session, for it to be picked up.
What Import V0 does
allowed-tools: Bash, Edit, Grep, Read, WebSearch, WebFetch, Write(PLAN.md) argument-hint: [spec-file] description: Create a plan for importing a piece of UX from v0 into our app
Create a plan for importing a piece of UX from v0 into our app
Your task is to create a PLAN.md file that outlines the steps required to import a piece of UX from the /tmp/v0-app directory into our app.
Data you have access to
Spec file (argument 1)
Most of the rules I want you to follow in creating
Alternatives in Design
- Canvas Design — Create beautiful visual art in PNG and PDF documents using design philosophy 94.1k ★
- Plannotator — Interactive plan review UI for Claude Code with visual annotation, offline sharing, and Obsidian/Bear integrat 3.3k ★
- Plan Artifact — Creates one polished, self-contained HTML artifact from a plan, PRD, roadmap, strategy, migration, rollout, re 652 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Design Import
Import an external design document (Markdown, JSON, or HTML from Confluence/Notion) and convert it to design_d
Dom2figma
Capture rendered web prototypes with headless Chrome and import them into Figma as editable layers. Whole prot
Import Design
Import a design from an external tool (Figma, Stitch, v0, Pencil, Claude Design, DESIGN.md, or React JSX) into
Figma To Roblox UI
Claude skill for high-fidelity Figma → Roblox Studio GUI import (Scale-only, UIStroke ScaledSize, UICorner sca
Compose
One-shot wiring check for MDDesign. Verifies planning-with-files, DESIGN.md, code-memory-router, and Google li
Ebook
Make a piece in the minimal-ebook style — the Minimal E-book — from any content
Related Agents
Coder UI
The coder, plus the in-app browser. Use INSTEAD of coder when the piece changes HTML, CSS, a component or a sc
Karr Ref Worker
App::karr Git/ref storage worker — Git::Native and CLI fallback, refs-backed BoardStore persistence, CAS, lock
Builder Solver 1
Parallel Builder Solver - Implements assigned piece of a decomposed plan. Used by parallel-builder skill. DO N