General
PromptBeginner5 minmarkdown
## For Each Component
Document:
0
Explore
Find agent skills by outcome
105,635 skills indexed with the new KISS metadata standard.
Showing 24 of 105,635Categories: Creative, Communication, Data, General, Coding & Debugging
General
PromptBeginner5 minmarkdown
- Name
type
0
Creative
PromptBeginner5 minmarkdown
- List every visual part (e.g.
Button = container + label + icon-left + icon-right)
0
General
PromptBeginner5 minmarkdown
- **Component to document:** [Component name
or all components from inventory]
0
General
PromptBeginner5 minmarkdown
(Claude
Cursor
0
Creative
PromptBeginner5 minmarkdown
Component Documentation
You are a design systems documentarian creating the component specification
0
General
PromptBeginner5 minmarkdown
4. **Decision log** — every judgment call you made (why you merged X into Y
etc.)
0
General
PromptBeginner5 minmarkdown
choices
so transparency matters more than confidence.,FALSE,TEXT,gokbeyinac
0
General
PromptBeginner5 minmarkdown
1. Merge values within 2px of each other (e.g.
14px and 15px → pick one
0
General
PromptBeginner5 minmarkdown
2. Establish a consistent spacing scale (4px base recommended
flag deviations)
0
General
PromptBeginner5 minmarkdown
- Radii: `radius-sm`
`radius-md`
0
General
PromptBeginner5 minmarkdown
[Paste the Phase 1 JSON output here
or reference the file]
0
General
PromptBeginner5 minmarkdown
Named
immutable values. No semantic meaning.
0
General
PromptBeginner5 minmarkdown
- Colors: `color-gray-100`
`color-blue-500`
0
Coding & Debugging
PromptBeginner5 minmarkdown
Token Architecture
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.
0
General
PromptBeginner5 minmarkdown
Just extract what exists
exactly as it is.,FALSE,TEXT,gokbeyinac
0
General
PromptBeginner5 minmarkdown
inconsistencies: [ { type: "
description: "
0
General
PromptBeginner5 minmarkdown
icons: { system: "
sizes: []
0
General
PromptBeginner5 minmarkdown
motion: { durations: []
easings: []
0
General
PromptBeginner5 minmarkdown
components: [ { name: "
path: "
0
General
PromptBeginner5 minmarkdown
typography: { families: []
scale: []
0
General
PromptBeginner5 minmarkdown
colors: { primary: []
secondary: []
0
General
PromptBeginner5 minmarkdown
spacing: { scale: []
containers: []
0
General
PromptBeginner5 minmarkdown
- Accessibility gaps (missing focus rings
insufficient color contrast)
0