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

- Primary: AI coding agents (Claude Code

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

- Tertiary: You (the designer)

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

Design Handoff Notes - AI First, Human Readable

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

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

Claude - Proje çalışma promptu

1. Inspect the existing codebase

Dependencies: React 18

App Router for this

static regeneration

- If I were starting over

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

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

- Code that breaks CLAUDE.md rules (inline colors

Maintenance Prompt for Design System

CLAUDE.md and the actual code

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.