General
PromptBeginner5 minmarkdown
At each breakpoint
check:
0
Explore
Find agent skills by outcome
101,941 skills indexed with the new KISS metadata standard.
Showing 24 of 101,941Categories: Data & Insights, Communication, General, Creative, Coding & Debugging
General
PromptBeginner5 minmarkdown
For each page/section
verify:
0
General
PromptBeginner5 minmarkdown
- [ ] Typography: correct font
weight
0
Creative
PromptBeginner5 minmarkdown
- [ ] Colors match design tokens exactly (check with color picker
not by eye)
0
General
PromptBeginner5 minmarkdown
- **Target browsers:** [e.g.
Chrome
0
General
PromptBeginner5 minmarkdown
- **Target breakpoints:** [e.g.
375px
0
General
PromptBeginner5 minmarkdown
every visual discrepancy
interaction bug
0
Creative
PromptBeginner5 minmarkdown
Visual QA & Cross-Browser Audit
You are a senior QA specialist with a designer's eye. Your job is to find
0
General
PromptBeginner5 minmarkdown
**For multi-page projects:** Run the prompt once per page
but include Section 1 (Implementation Map) and Section 2 (Global Specs) only in the first run. Subsequent pages reference the same globals.
0
Coding & Debugging
PromptBeginner5 minmarkdown
**If no CLAUDE.md exists yet:** Tell the prompt to generate a minimal token section at the top of the handoff document covering only the tokens needed for this specific handoff. It won't be a full design system
but it prevents hardcoded values.
0
General
PromptBeginner5 minmarkdown
**If you're not using Tailwind:** Replace all Tailwind class references in the prompt with your system's equivalents. The structure stays the same — only the value format changes. Tell Claude: Use CSS custom properties as primary
px values as annotations.
0
General
PromptBeginner5 minmarkdown
**If you're handing off to a specific AI tool:** Add tool-specific notes. For example
for Cursor: Generate implementation as step-by-step edits to existing files
0
General
PromptBeginner5 minmarkdown
If still ambiguous
add a TODO comment: // HANDOFF-AMBIGUITY: [description]
0
General
PromptBeginner5 minmarkdown
6. After implementing each component
run through its state matrix
0
General
PromptBeginner5 minmarkdown
a component
that is a gap in the spec — flag it
0
General
PromptBeginner5 minmarkdown
7. When encountering ambiguity
prefer the more explicit interpretation.
0
General
PromptBeginner5 minmarkdown
with close enough values. `gap-6` means `gap-6`
not `gap-5`.
0
General
PromptBeginner5 minmarkdown
□ Focus-visible ring appears on keyboard nav
not on mouse click
0
General
PromptBeginner5 minmarkdown
is not in CLAUDE.md
flag it and use the fallback value provided.
0
General
PromptBeginner5 minmarkdown
date other year: show Mar 13
2025
0
Coding & Debugging
PromptBeginner5 minmarkdown
After implementation
the AI agent (or human developer) should verify:
0
General
PromptBeginner5 minmarkdown
□ Every state (hover
active
0
General
PromptBeginner5 minmarkdown
price $999
999.99: ensure layout doesn't break (test with formatted number)
0
General
PromptBeginner5 minmarkdown
list with 500 items: paginate at 20
show Load more button
0