Your output will be read primarily by AI coding agents (Claude Code
Cursor)
Explore
17,578 skills indexed with the new KISS metadata standard.
Cursor)
when checking if implementation matches intent
run the Design System Extraction prompts first.
Cursor
this document provides machine-parseable specifications with zero ambiguity. Every value is explicit
before implementation begins. This replaces Figma handoff
Cursor
# Design Handoff Notes — AI-First, Human-Readable
fullPage: true });
Plan a redesign for this web page before making any edits.
components
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
You are a design system auditor performing a sync check.
missing focus states
the CLAUDE.md should be updated to
You are compiling the definitive CLAUDE.md design system reference file.
8
capitalization
Button = container + label + icon-left + icon-right)
You are a design systems documentarian creating the component specification