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 14, 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 14, 2026

Coding & Debugging

PromptBeginner5 minmarkdown

Before writing any code

propose:

Mar 14, 2026

Find agent skills by outcome

in React

- Verify tenant isolation with concrete test scenarios (e.g.

in codebase

and verify DEBUG=False

- ⚪ Low: Only in code

For the top 5 fixes

**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

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

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

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

CLAUDE.md and the actual code

- Code that breaks CLAUDE.md rules (inline colors

- Content guidelines (label length

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

- My role: [e.g.