You are a design systems architect. I'm providing you with a raw design audit JSON from an existing codebase. Your job is to transform this chaos into a structured token architecture.

Mar 15, 2026

Coding & Debugging

PromptBeginner5 minmarkdown

Design System Extraction Prompt Kit

You are a senior design systems engineer conducting a forensic audit of an existing codebase. Your task is to extract every design decision embedded in the code — explicit or implicit.

Mar 15, 2026

Coding & Debugging

PromptBeginner5 minmarkdown

Before writing any code

propose:

Mar 15, 2026

Find agent skills by outcome

**If no CLAUDE.md exists yet:** Tell the prompt to generate a minimal token section at the top of the handoff document covering only the tokens needed for this specific handoff. It won't be a full design system

After implementation

- icon: ImageOff from lucide-react

**Data requirements:** [what data this page needs

RIGHT: if data fetch takes >300ms

Your output will be read primarily by AI coding agents (Claude Code

- Primary: AI coding agents (Claude Code

### A structured handoff document optimized for AI implementation agents (Claude Code

await page.screenshot({ path: 'debug.png'

1. Inspect the existing codebase

Dependencies: React 18

static regeneration

Explain why decisions were made

- Explain external service connections (payments

- For each major folder

- **My role:** [e.g.

understandable to non-engineers. You have a gift for analogy

- Code that breaks CLAUDE.md rules (inline colors

CLAUDE.md and the actual code

- Content guidelines (label length

For each decision

Token Architecture

Design System Extraction Prompt Kit

Before writing any code

If no CLAUDE.md exists yet: Tell the prompt to generate a minimal token section at the top of the handoff document covering only the tokens needed for this specific handoff. It won't be a full design system

Data requirements: [what data this page needs

- My role: [e.g.