General
PromptBeginner5 minmarkdown
768-1023px: section-padding: py-12
container-padding: px-6
0
Explore
Find agent skills by outcome
69,147 skills indexed with the new KISS metadata standard.
Showing 24 of 69,147Categories: Data & Insights, Data, Creative, General, Writing & Content, Coding & Debugging
General
PromptBeginner5 minmarkdown
<768px: section-padding: py-10
container-padding: px-4
0
General
PromptBeginner5 minmarkdown
if visual size < 44px
use invisible padding to reach 44px
0
General
PromptBeginner5 minmarkdown
≥1024px: section-padding: py-16
container-padding: px-8
0
General
PromptBeginner5 minmarkdown
<1024px: h1=text-3xl
h2=text-2xl
0
General
PromptBeginner5 minmarkdown
≥1024px: h1=text-5xl
h2=text-3xl
0
General
PromptBeginner5 minmarkdown
<1024px: single column (text top
image bottom)
0
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
Writing & Content
PromptBeginner5 minmarkdown
modal: content transitions to success message (crossfade
duration-200)
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