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

Find agent skills by outcome

For the top 5 fixes

For each metric

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

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

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

- Code that breaks CLAUDE.md rules (inline colors

CLAUDE.md and the actual code

- Content guidelines (label length

For each decision

Token Architecture

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.