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

Find agent skills by outcome

- Tertiary: You (the designer)

**Relationship to CLAUDE.md:** This document assumes a CLAUDE.md design system file already exists in the project root. Handoff Notes reference tokens from CLAUDE.md but don't redefine them. If no CLAUDE.md exists

**When to use:** After design is finalized

- Primary: AI coding agents (Claude Code

Design Handoff Notes - AI First, Human Readable

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

**Description:** Generates a design handoff document that serves as direct implementation instructions for AI coding agents. Unlike traditional handoff notes that describe how a design should feel

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

1. Inspect the existing codebase

Claude - Proje çalışma promptu

Dependencies: React 18

static regeneration

App Router for this

- If I were starting over

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

Maintenance Prompt for Design System

CLAUDE.md Assembly

- Content guidelines (label length

- List every visual part (e.g.

Component Documentation

Token Architecture

Relationship to CLAUDE.md: This document assumes a CLAUDE.md design system file already exists in the project root. Handoff Notes reference tokens from CLAUDE.md but don't redefine them. If no CLAUDE.md exists

When to use: After design is finalized

Description: Generates a design handoff document that serves as direct implementation instructions for AI coding agents. Unlike traditional handoff notes that describe how a design should feel

- My role: [e.g.