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

- Primary: AI coding agents (Claude Code

- 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

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

Design Handoff Notes - AI First, Human Readable

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

1. Inspect the existing codebase

Claude - Proje çalışma promptu

Dependencies: React 18

static regeneration

- If I were starting over

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

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

CLAUDE.md and the actual code

Maintenance Prompt for Design System

- Code that breaks CLAUDE.md rules (inline colors

CLAUDE.md Assembly

- Content guidelines (label length

- List every visual part (e.g.

Component Documentation

Token Architecture

Design System Extraction Prompt Kit

Before writing any code

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.