Example · SkillUX / UI

Frontend design skill: audit any screen in 15 minutes

A Cursor skill inspired by the popular frontend-design pattern — typography, spacing, hierarchy, and “does this feel shipped?”

1
L

Liya K

@liya-k · UX/UI · agent skills for design systems & review loops

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

  1. Paste screenshot or run pnpm dev and capture the route
  2. Invoke the skill in Cursor agent mode
  3. Apply quick wins in a single PR
  4. 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)

  • M
    Mathiew BuildsJun 20

    Ran this on our landing page yesterday — the “quick wins under 30 min” constraint is what makes it usable.