← ClaudeAtlas

claude-design-extractlisted

Drafts `.claude/DESIGN.md` from a project's existing prose and shell UI surfaces using the toolkit seed template. Reads CLAUDE.md, standards, docs, and CLI UI modules to codify visual intent already implicit in the project. Use when asked to "extract the design system", "draft DESIGN.md", "bootstrap design tokens", or "capture the visual system". Do NOT use to mutate an existing `.claude/DESIGN.md`.
erclx/toolkit · ★ 1 · Data & Documents · score 74
Install: claude install-skill erclx/toolkit
# Design extract ## Guards - If `.claude/DESIGN.md` already exists and has content beyond the seed template, stop: `❌ .claude/DESIGN.md already populated. Edit directly or archive the existing file first.` - If `aitk` is not on PATH, stop: `❌ aitk CLI not found.` ## Step 1: read source signals in parallel Read these from the project root, skipping any that do not exist: - `CLAUDE.md`: voice, personality, spelling rules - `.claude/REQUIREMENTS.md`: worldview and non-goals that shape visual intent - `standards/prose.md`: tone constraints - `src/ui.ts`, `src/ui.tsx`, `src/components/**`: color codes, typography, spacing constants - `scripts/lib/ui.sh`, `scripts/lib/*.sh`: ANSI color codes, frame glyphs, spacing conventions - `docs/agents.md`, `docs/index.md`: any output shape or framing rules already documented - Any `*.css`, `tailwind.config.*`, or `theme.*` file at the project root Run these reads in parallel. Do not speculatively recurse into every directory. ## Step 2: fetch the seed template Run this from the project root: ```bash aitk claude seeds list --json | jq -r '.[] | select(.path == ".claude/DESIGN.md") | .content' ``` Use the returned content as the target shape. Keep every section heading and every table header intact. The `aitk design render` parser depends on them. ## Step 3: fill the template Walk each section once, pulling concrete signals from Step 1: - **Personality**: one paragraph. Transcribe what `CLAUDE.md` and `.claude/REQUIREMENTS.md` say