General
PromptBeginner5 minmarkdown
<1024px: single column (text top
image bottom)
0
Explore
Find agent skills by outcome
67,163 skills indexed with the new KISS metadata standard.
Showing 24 of 67,163Categories: Education, Coding & Debugging, General, Creative
General
PromptBeginner5 minmarkdown
≥1024px: two-column (text left
image right) — 55/45 split
0
General
PromptBeginner5 minmarkdown
image max-height: 400px
object-cover
0
General
PromptBeginner5 minmarkdown
backdrop: bg-black/50
click-outside closes
0
General
PromptBeginner5 minmarkdown
≥1024px: horizontal nav
all items visible
0
General
PromptBeginner5 minmarkdown
<1024px: hamburger icon
slide-in drawer from right
0
General
PromptBeginner5 minmarkdown
error: show checklist of requirements
highlight unmet
0
General
PromptBeginner5 minmarkdown
redirect: after close
redirect to /dashboard
0
General
PromptBeginner5 minmarkdown
success: green checkmark icon appears (fade-in
duration-150)
0
General
PromptBeginner5 minmarkdown
focus: trap focus inside modal
auto-focus first input
0
General
PromptBeginner5 minmarkdown
validate: min 8 chars
1 uppercase
0
General
PromptBeginner5 minmarkdown
animation: fade-in (opacity 0→1
duration-200)
0
General
PromptBeginner5 minmarkdown
#### Flow: [Flow Name
e.g.
0
General
PromptBeginner5 minmarkdown
backdrop: bg-black/50
click-outside closes modal
0
General
PromptBeginner5 minmarkdown
For each user flow
provide step-by-step implementation:
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
size: 16px (sm)
16px (md)
0
General
PromptBeginner5 minmarkdown
gap: gap-1.5 (sm)
gap-2 (md)
0
General
PromptBeginner5 minmarkdown
[same structure
different values]
0
General
PromptBeginner5 minmarkdown
[same structure
different values]
0
General
PromptBeginner5 minmarkdown
For each component
provide a complete implementation contract.
0
General
PromptBeginner5 minmarkdown
└── Component: CTA Button (primary
lg)
0
General
PromptBeginner5 minmarkdown
│ ├── Component: CTA Button (primary
lg)
0