General
PromptBeginner5 minmarkdown
Lighthouse & Performance Optimization
You are a web performance specialist. Analyze this site and provide
0
Explore
Find agent skills by outcome
87,951 skills indexed with the new KISS metadata standard.
Showing 24 of 87,951Categories: Operations & Workflow, Data, General
General
PromptBeginner5 minmarkdown
- **Current known issues:** [optional — slow on mobile
images are huge]
0
General
PromptBeginner5 minmarkdown
- **Low:** Minor polish issue
nice-to-have fix,FALSE,TEXT,gokbeyinac
0
General
PromptBeginner5 minmarkdown
- **Medium:** Noticeable on close inspection
doesn't block usage
0
General
PromptBeginner5 minmarkdown
- [ ] Color contrast ≥ 4.5:1 for body text
≥ 3:1 for large text
0
General
PromptBeginner5 minmarkdown
- [ ] Images load progressively (blur-up or skeleton
not pop-in)
0
General
PromptBeginner5 minmarkdown
- [ ] Animations are smooth (no jank
no layout shift)
0
General
PromptBeginner5 minmarkdown
- [ ] Very long text in headlines
buttons
0
General
PromptBeginner5 minmarkdown
- [ ] Special characters in user input (accents
emojis
0
General
PromptBeginner5 minmarkdown
- [ ] Layout shifts correctly (no overlap
no orphaned elements)
0
General
PromptBeginner5 minmarkdown
- [ ] Navigation transforms correctly (hamburger
drawer
0
General
PromptBeginner5 minmarkdown
- [ ] Typography: correct font
weight
0
General
PromptBeginner5 minmarkdown
At each breakpoint
check:
0
General
PromptBeginner5 minmarkdown
For each page/section
verify:
0
General
PromptBeginner5 minmarkdown
- **Target breakpoints:** [e.g.
375px
0
General
PromptBeginner5 minmarkdown
- **Target browsers:** [e.g.
Chrome
0
General
PromptBeginner5 minmarkdown
every visual discrepancy
interaction bug
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
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 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 still ambiguous
add a TODO comment: // HANDOFF-AMBIGUITY: [description]
0
General
PromptBeginner5 minmarkdown
7. When encountering ambiguity
prefer the more explicit interpretation.
0
General
PromptBeginner5 minmarkdown
6. After implementing each component
run through its state matrix
0
General
PromptBeginner5 minmarkdown
with close enough values. `gap-6` means `gap-6`
not `gap-5`.
0