ui-designer
ui designer
What it does
- Purpose — Which problem is this interface tackling, and who will be using it?
- Constraints — The technical boundaries you must operate inside (framework, performance, accessibility).
- Differentiation — What turns this into something UNFORGETTABLE? Which single element will stick in someone's memory?
- Production-ready and operational
- Striking enough to stick in memory
- Anchored in a single, intentional aesthetic point of view
- Polished obsessively down to the smallest detail
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
ui-designer FAQ
What does the ui-designer skill do?
Craft one-of-a-kind, ship-ready frontend interfaces with elevated design quality. Apply this skill whenever the user wants to build web components, pages, artifacts, posters, or applications (for example, websites, landing pages, dashboards, React components, HTML/CSS layouts, or any task that involves styling or beautifying a web UI). Produces inventive, refined code and UI design that sidesteps cookie-cutter AI aesthetics. Purpose — Which problem is this interface tackling, and who will be using it? Constraints — The technical boundaries you must operate inside (framework, performance, accessibility).
How do I install ui-designer?
Run: npx -y skills add https://github.com/daniel-dan-conrad/ui-designer-skill --skill ui-designer --agent claude-code — the source lives at github.com/daniel-dan-conrad/ui-designer-skill.
Maintain ui-designer?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[ui-designer on getagentictools](https://getagentictools.com/skills/daniel-dan-conrad-ui-designer-skill-ui-designer?ref=badge) npx agentictools info skills/daniel-dan-conrad-ui-designer-skill-ui-designer The second line is the CLI lookup for this page — handy in READMEs and docs.
