User Interface Designer

If you're tired of Claude generating the same purple gradient hero sections with Inter font, this is worth trying. It pushes Claude to commit to bold aesthetic directions before writing any code, whether that's brutalist minimalism or maximalist chaos. The skill explicitly fights generic AI aesthetics by requiring distinctive typography choices, cohesive color systems with CSS variables, and intentional motion design. What I appreciate is the emphasis on matching implementation complexity to vision: minimalist designs need restraint and precision, maximalist ones need elaborate animations. It works with any framework and includes specific guidance on composition, spatial layout, and atmospheric effects like gradient meshes and noise textures.

Install to Claude Code

npx -y skills add qodex-ai/ai-agent-skills --skill user-interface-designer --agent claude-code