Your output will be read primarily by AI coding agents (Claude Code
Cursor)
Explore
7,969 skills indexed with the new KISS metadata standard.
Cursor)
Cursor
run the Design System Extraction prompts first.
when checking if implementation matches intent
before implementation begins. This replaces Figma handoff
this document provides machine-parseable specifications with zero ambiguity. Every value is explicit
# Design Handoff Notes — AI-First, Human-Readable
Cursor
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...
narrative
I'm the founder / product owner / designer — I don't write code but I make all product and architecture decisions]
missing focus states
You are a design system auditor performing a sync check.
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