ui-revamp
Installation
SKILL.md
UI Revamp Skill
Transform amateur interfaces into production-quality experiences by systematically applying principles from the industry's best design engineers.
Quick Start: 5-Minute Vibecode Detector
Run these checks first. If 3+ fail, the UI needs a full revamp:
[ ] Search CSS for "linear" in transitions → If found: FAIL
[ ] Search for "scale(0)" → If found: FAIL
[ ] Search for "transition: all" → If found: FAIL
[ ] Check button :active states → No feedback? FAIL
[ ] Count border-radius values → More than 2 unique? FAIL
[ ] Check icon set → Mixed filled/outlined? FAIL
[ ] Input font-size < 16px? → FAIL (iOS zoom bug)
[ ] Missing focus states on buttons? → FAIL
Related skills
More from yonkoo11/frontend-design-skills
design
Design workflow orchestrator. Single entry point for all design work - chains frontend-design proposals into ui-revamp production polish with phase gates. Supports resume, short-circuit flags, and progress tracking.
13frontend-design
Create distinctive, production-grade frontend interfaces. Always generates 3 wildly different worldclass proposals with UX architecture. Use when building web components, pages, dashboards, or applications. Generates creative, polished code that avoids generic AI aesthetics.
12