General
PromptBeginner5 minmarkdown
□ Focus-visible ring appears on keyboard nav
not on mouse click
0
Explore
Find agent skills by outcome
51,518 skills indexed with the new KISS metadata standard.
Showing 24 of 51,518Categories: Research & Learning, Coding & Debugging, General, Data
Coding & Debugging
PromptBeginner5 minmarkdown
After implementation
the AI agent (or human developer) should verify:
0
General
PromptBeginner5 minmarkdown
date other year: show Mar 13
2025
0
General
PromptBeginner5 minmarkdown
date this year: show Mar 13 not Mar 13
2026
0
General
PromptBeginner5 minmarkdown
list with 500 items: paginate at 20
show Load more button
0
General
PromptBeginner5 minmarkdown
price $999
999.99: ensure layout doesn't break (test with formatted number)
0
General
PromptBeginner5 minmarkdown
username 50 characters: truncate at 20 in nav
full in profile
0
General
PromptBeginner5 minmarkdown
Form validation: inline per-field (see flow specs)
never alert()
0
Coding & Debugging
PromptBeginner5 minmarkdown
- icon: ImageOff from lucide-react
text-gray-400
0
General
PromptBeginner5 minmarkdown
(rectangle for text
circle for avatars
0
General
PromptBeginner5 minmarkdown
- initials: first letter of first + last name
uppercase
0
General
PromptBeginner5 minmarkdown
nav items: single line
truncate if >16 characters on mobile
0
General
PromptBeginner5 minmarkdown
button labels: single line only
max 30 characters
0
General
PromptBeginner5 minmarkdown
headings: max 2 lines
then truncate with text-ellipsis (add title attr for full text)
0
General
PromptBeginner5 minmarkdown
body text: allow natural wrapping
no truncation
0
General
PromptBeginner5 minmarkdown
grid items: sizes=(max-width: 768px) 100vw
(max-width: 1024px) 50vw
0
General
PromptBeginner5 minmarkdown
if visual size < 44px
use invisible padding to reach 44px
0
General
PromptBeginner5 minmarkdown
<768px: section-padding: py-10
container-padding: px-4
0
General
PromptBeginner5 minmarkdown
hero: sizes=(max-width: 1024px) 100vw
50vw
0
General
PromptBeginner5 minmarkdown
768-1023px: section-padding: py-12
container-padding: px-6
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
image max-height: 400px
object-cover
0
General
PromptBeginner5 minmarkdown
≥1024px: h1=text-5xl
h2=text-3xl
0