Draft Design Spec — Testing skill for Claude Code
Draft the implementation-ready DESIGN_SPEC.md for a product on the claude-led design path.
How to install Draft Design Spec
Installs to ~/.claude/commands/aanifowose111-discovery-to-ship-multi-agents-draft-design-spec.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/aanifowose111/discovery-to-ship-multi-agents/HEAD/.claude/commands/draft-design-spec.md -o ~/.claude/commands/aanifowose111-discovery-to-ship-multi-agents-draft-design-spec.md Restart Claude Code, or start a new session, for it to be picked up.
What Draft Design Spec does
description: Draft the implementation-ready DESIGN_SPEC.md for a product on the claude-led design path. Reads the signed-off design research, collects the user's picks (visual direction / palette / typography / pattern conventions to break / brand voice / portfolio continuity / answers to research's open questions), invokes the ui-ux-researcher in spec-writing mode to produce the spec, then invokes the design-spec-reviewer. Per guides/ui-ux/design-spec-methodology.md. argument-hint:
Alternatives in Testing
- Spec Draft PR — Turn a feature idea or GitHub issue into a one-page spec saved to Documentation/specs/ and opened as a draft P 324 ★
- Design Compare — Capture two websites with Playwright and produce a structured side-by-side design comparison — layout, color 309 ★
- Aod.Spec — Create feature specification with automatic PM sign-off - Streamlined v2 89 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Illustration
Design and spec an illustration system or single illustration. Picks style, voice, format (SVG / Lottie / PNG)
Motion Design
Design and spec motion for a screen, component, or page — picks tool, durations, easings, and writes a develop
Diff Spec
Diff a product's built UI against its DESIGN_SPEC.md — catches drift (tokens missing from CSS, surfaces named
Intent Planner
Pre-spec steering layer for AI coding agents — capture product intent, invariants, and decision criteria befor
Canary CI Ready
Analyse the test suite for CI readiness — coverage depth, flakiness, assertion quality, critical path coverage
OKRs
Draft, review, and stress-test OKRs for a team or product area.
Related Agents
Cover Brief Agent
Produces a detailed cover art-direction brief for a project — composition, palette, mood, typography, and comp
Taa Designer
Use this agent for TAA Step 2.5 (Visual & Vibe Designer). Creates or updates .taa/DESIGN.md (palette, typograp
Brand Identity Systems Subagent
Sub-agent owning Brand Identity Systems — logo lockup and usage rules, color and typography systems, and the v