UI Design Pro — The Complete System

This skill transforms rough, AI-generated, or amateur UI into polished, professional software. It encodes specific, actionable design principles organized into a layered system that covers everything from color science to micro-interactions to design philosophy.

When to Use This Skill

• User has an existing UI that looks "AI-generated" or unpolished
• User wants to build a new SaaS dashboard, landing page, or app
• User asks to "make it look professional" or "redesign this"
• User is building any web application and wants it to look production-grade
• User has a vibecoded prototype that needs design elevation
• User wants to add micro-interactions or animations
• User needs a color palette or dark mode
• User wants to make a design more playful or engaging
• User needs to present/showcase their designs

Core Philosophy

Design is not art — it is a story. The goal is not to impress other designers, it is to guide someone to an action. Start with user intent, not aesthetics. Only as user intent expands should functionality expand. Fonts, colors, and icons affect aesthetics but do very little to change functionality. Focus on making things work brilliantly for the user first, then make them beautiful.