What this solves
You inherit a UI that “works” but feels off. This skill runs a structured visual audit before you touch code.
Skill outline (skills/frontend-audit/SKILL.md)
# Frontend audit
When the user shares a UI screenshot or route:
1. List 3 hierarchy issues (size, weight, contrast)
2. Flag spacing rhythm breaks (8px grid violations)
3. Name 2 quick wins under 30 minutes
4. Suggest one “delight” micro-interaction if appropriate
Never propose a full redesign unless asked.
Workflow
- Paste screenshot or run
pnpm devand capture the route - Invoke the skill in Cursor agent mode
- Apply quick wins in a single PR
- Re-run audit on the diff
Why it spreads
Teams on r/Cursor and skills.sh keep remixing this pattern because it’s bounded — audit, don’t rewrite.
Comments (1)
Ran this on our landing page yesterday — the “quick wins under 30 min” constraint is what makes it usable.