Writing & Content
PromptBeginner5 minmarkdown
content: replace children with spinner (16px
animate-spin)
0
Explore
Find agent skills by outcome
60,312 skills indexed with the new KISS metadata standard.
Showing 24 of 60,312Categories: Cursor-rules, Data, General, Writing & Content, Coding & Debugging
General
PromptBeginner5 minmarkdown
gap: gap-1.5 (sm)
gap-2 (md)
0
General
PromptBeginner5 minmarkdown
size: 16px (sm)
16px (md)
0
General
PromptBeginner5 minmarkdown
[same structure
different values]
0
General
PromptBeginner5 minmarkdown
For each component
provide a complete implementation contract.
0
General
PromptBeginner5 minmarkdown
[same structure
different values]
0
General
PromptBeginner5 minmarkdown
└── Component: CTA Button (primary
lg)
0
Data
PromptBeginner5 minmarkdown
**Data requirements:** [what data this page needs
from where]
0
General
PromptBeginner5 minmarkdown
│ ├── Component: CTA Button (primary
lg)
0
General
PromptBeginner5 minmarkdown
applies-to: every interactive element (buttons
links
0
General
PromptBeginner5 minmarkdown
For each page
provide a complete implementation spec.
0
General
PromptBeginner5 minmarkdown
visible: only on keyboard navigation (use focus-visible
not focus)
0
General
PromptBeginner5 minmarkdown
spring: duration-500 cubic-bezier(0.34
1.56
0
General
PromptBeginner5 minmarkdown
opacity
transform
0
General
PromptBeginner5 minmarkdown
RULE: Transitions apply to: background-color
color
0
General
PromptBeginner5 minmarkdown
For each breakpoint
state:
0
General
PromptBeginner5 minmarkdown
| 3 | Button | `src/components/ui/Button.tsx` | Tokens
Typography | Medium | 3 variants × 3 sizes × 6 states |
0
General
PromptBeginner5 minmarkdown
| 2 | Typography components | `src/components/ui/Text.tsx` | Tokens | Low | Heading
Body
0
General
PromptBeginner5 minmarkdown
6. **Every visual property is stated
never inherited by assumption.**
0
General
PromptBeginner5 minmarkdown
4. **Conditionals use explicit if/else
never as needed.**
0
Data
PromptBeginner5 minmarkdown
RIGHT: if data fetch takes >300ms
show skeleton. If fetch fails
0
General
PromptBeginner5 minmarkdown
If Tailwind: use Tailwind classes as primary
px as annotation
0
General
PromptBeginner5 minmarkdown
If CSS: use rem as primary
px as annotation
0
General
PromptBeginner5 minmarkdown
RIGHT: `text-lg` (18px) at ≥768px
`text-base` (16px) below
0