Find agent skills by outcome

CLAUDE.md and the actual code

the CLAUDE.md should be updated to

- Rules: when to animate

when not to

- Type scale table (name

size

- Full palette with swatches description (name

hex

Each token entry: name

value

- Project name

description

Creative

CLAUDE.md Assembly

You are compiling the definitive CLAUDE.md design system reference file.

Markdown

structured with headers per section. This will be directly

patterns (import paths

className conventions

Coding & Debugging

- Content guidelines (label length

capitalization

- Maximum instances per viewport (e.g.

only 1 primary CTA per section)

- Size variants with exact token values (padding

font-size

- State variants: default

hover

- Name

type

## For Each Component

Document:

Creative

- List every visual part (e.g.

Button = container + label + icon-left + icon-right)

Creative

Component Documentation

You are a design systems documentarian creating the component specification

- Component to document: [Component name

or all components from inventory]

(Claude

Cursor

4. Decision log — every judgment call you made (why you merged X into Y

etc.)

choices

so transparency matters more than confidence.,FALSE,TEXT,gokbeyinac

1. Merge values within 2px of each other (e.g.

14px and 15px → pick one

- Radii: `radius-sm`

`radius-md`

2. Establish a consistent spacing scale (4px base recommended

flag deviations)