gustavosilveira23/claude-design-skills · Archived

ui-designer

Expert visual design craft, UI systems, and pixel-perfect implementation. Activates when building, styling, reviewing, or polishing any interface -- websites, apps, dashboards, component libraries, design systems, landing pages, or any screen needing visual polish. Triggers on: CSS styling, component design, layout, spacing, typography, color, dark mode, responsive design, design tokens, Figma, UI audits, visual hierarchy, icons, shadows, border-radius, animations. Also activates on: 'make it look good', 'improve the design', 'it looks off', 'spacing', 'colors', 'typography', 'design system', 'component library', 'pixel perfect', 'modern design', 'layout', 'responsive', 'dark mode', 'style this', 'polish', 'improve visual'. Applies whenever a visual interface is created or refined, even without saying 'UI'. Hands off to ux-designer for flow strategy and psychology. Hands off to design-system for tokens, component infrastructure, and DS audits. Do NOT activate for: user research methodology, psychology theory, backend logic, database schemas, API design without UI, DevOps, casual mention of design vocabulary in a non-design context (e.g., planning, discussing, writing about design without building/styling), tasks where the actual problem is data, performance, infrastructure, or content even if a UI is involved. Require explicit visual/styling intent -- do not activate by reflex on trigger words alone.