Setup & Installation
What This Skill Does
Audits a live site for visual problems — spacing inconsistencies, hierarchy failures, typography issues, AI-generated layout patterns, and sluggish interactions. Fixes each issue directly in source code, one atomic commit per fix, with before/after screenshots as evidence.
It combines visual inspection, source code fixes, and screenshot verification in a single automated loop, replacing what would otherwise be a multi-hour manual review with no commit trail.
When to use it
- Catching the 3-column icon-grid layout before a product launch
- Auditing a feature branch for design regressions against the main branch
- Getting a letter grade on typography and spacing after a redesign
- Finding touch targets under 44px that break mobile usability
- Removing AI slop patterns like centered-everything and blob decorations from a landing page