edspencer

Import V0 — Design skill for Claude Code

Design community

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

Terminal
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 Repository