General
PromptBeginner5 minmarkdownQuality: 22
backdrop: bg-black/50
click-outside closes
0
Explore
Find agent skills by outcome
154,138 skills indexed with the new KISS metadata standard.
Showing 24 of 154,138
General
PromptBeginner5 minmarkdownQuality: 22
<1024px: hamburger icon
slide-in drawer from right
0
General
PromptBeginner5 minmarkdownQuality: 22
error: show checklist of requirements
highlight unmet
0
Writing & Content
PromptBeginner5 minmarkdownQuality: 22
modal: content transitions to success message (crossfade
duration-200)
0
General
PromptBeginner5 minmarkdownQuality: 22
redirect: after close
redirect to /dashboard
0
General
PromptBeginner5 minmarkdownQuality: 22
validate: min 8 chars
1 uppercase
0
General
PromptBeginner5 minmarkdownQuality: 22
focus: trap focus inside modal
auto-focus first input
0
General
PromptBeginner5 minmarkdownQuality: 22
success: green checkmark icon appears (fade-in
duration-150)
0
General
PromptBeginner5 minmarkdownQuality: 22
backdrop: bg-black/50
click-outside closes modal
0
General
PromptBeginner5 minmarkdownQuality: 22
animation: fade-in (opacity 0→1
duration-200)
0
General
PromptBeginner5 minmarkdownQuality: 22
Flow: [Flow Name
e.g.
0
General
PromptBeginner5 minmarkdownQuality: 22
icon-only: if no children
component becomes square (width = height)
0
General
PromptBeginner5 minmarkdownQuality: 22
when loading: icon is hidden
spinner takes its position
0
General
PromptBeginner5 minmarkdownQuality: 22
For each user flow
provide step-by-step implementation:
0
Writing & Content
PromptBeginner5 minmarkdownQuality: 22
content: replace children with spinner (16px
animate-spin)
0
General
PromptBeginner5 minmarkdownQuality: 22
gap: gap-1.5 (sm)
gap-2 (md)
0
General
PromptBeginner5 minmarkdownQuality: 22
size: 16px (sm)
16px (md)
0
General
PromptBeginner5 minmarkdownQuality: 22
[same structure
different values]
0
General
PromptBeginner5 minmarkdownQuality: 22
For each component
provide a complete implementation contract.
0
General
PromptBeginner5 minmarkdownQuality: 22
[same structure
different values]
0
General
PromptBeginner5 minmarkdownQuality: 22
└── Component: CTA Button (primary
lg)
0
Data
PromptBeginner5 minmarkdownQuality: 22
Data requirements: [what data this page needs
from where]
0
General
PromptBeginner5 minmarkdownQuality: 22
│ ├── Component: CTA Button (primary
lg)
0
General
PromptBeginner5 minmarkdownQuality: 22
applies-to: every interactive element (buttons
links
0