Writing & Content
PromptBeginner5 minmarkdown
modal: content transitions to success message (crossfade
duration-200)
0
Explore
Find agent skills by outcome
121,778 skills indexed with the new KISS metadata standard.
Showing 24 of 121,778Categories: Data, Coding & Debugging, General, Writing & Content
General
PromptBeginner5 minmarkdown
validate: min 8 chars
1 uppercase
0
General
PromptBeginner5 minmarkdown
backdrop: bg-black/50
click-outside closes modal
0
General
PromptBeginner5 minmarkdown
focus: trap focus inside modal
auto-focus first input
0
General
PromptBeginner5 minmarkdown
success: green checkmark icon appears (fade-in
duration-150)
0
General
PromptBeginner5 minmarkdown
For each user flow
provide step-by-step implementation:
0
General
PromptBeginner5 minmarkdown
#### Flow: [Flow Name
e.g.
0
General
PromptBeginner5 minmarkdown
animation: fade-in (opacity 0→1
duration-200)
0
General
PromptBeginner5 minmarkdown
when loading: icon is hidden
spinner takes its position
0
General
PromptBeginner5 minmarkdown
icon-only: if no children
component becomes square (width = height)
0
General
PromptBeginner5 minmarkdown
gap: gap-1.5 (sm)
gap-2 (md)
0
Writing & Content
PromptBeginner5 minmarkdown
content: replace children with spinner (16px
animate-spin)
0
General
PromptBeginner5 minmarkdown
size: 16px (sm)
16px (md)
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
For each page
provide a complete implementation spec.
0
General
PromptBeginner5 minmarkdown
applies-to: every interactive element (buttons
links
0
General
PromptBeginner5 minmarkdown
opacity
transform
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
RULE: Transitions apply to: background-color
color
0