Your output will be read primarily by AI coding agents (Claude Code
Cursor)
Explore
10,992 skills indexed with the new KISS metadata standard.
Cursor)
run the Design System Extraction prompts first.
when checking if implementation matches intent
before implementation begins. This replaces Figma handoff
Cursor
Cursor
this document provides machine-parseable specifications with zero ambiguity. Every value is explicit
# Design Handoff Notes — AI-First, Human-Readable
fullPage: true });
components
Plan a redesign for this web page before making any edits.
which is like the kitchen's workflow system that
Next.js 14
utilizing Next.js App Router with React Server
I would...
I'm the founder / product owner / designer — I don't write code but I make all product and architecture decisions]
narrative
missing focus states
the CLAUDE.md should be updated to
You are a design system auditor performing a sync check.
You are compiling the definitive CLAUDE.md design system reference file.
capitalization
Button = container + label + icon-left + icon-right)
You are a design systems documentarian creating the component specification