Ui Designer

When you need a frontend interface that doesn't look like every other AI-generated component, this skill forces you to commit to a real aesthetic direction before writing any code. It walks you through tone, purpose, and differentiation, then pushes you toward bold choices in typography, color, motion, and layout. The skill explicitly rejects the usual suspects (Inter, purple gradients, predictable grids) and includes a Python script that matches contextual images from a curated database instead of dropping in placeholders. It scales complexity to intent, so minimalist designs get obsessive spacing work while maximalist ones get rich animations. Best for when you're building something that needs to feel designed, not templated.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 6
skills.sh installs: 3.7K
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add daniel-dan-conrad/ui-designer-skill --skill ui-designer --agent claude-code

Installs into .claude/skills of the current project.

Files

Use this skill to produce singular, deployment-ready frontend interfaces that escape the bland "AI slop" look. Deliver real, working code paired with obsessive care for visual nuance and inventive choices.

Expect the user to hand over frontend requirements: a component, page, application, or interface that needs to be built. Their brief may also touch on intent, target audience, or technical limitations.