ui-design
Build interfaces with deliberate style and robust behavior.
What it does
Guides visual interface development to produce accessible, responsive, themed UIs with deliberate styling and interaction feedback.
When to use it
Use for any user-facing HTML/CSS/JS output, including landing pages, dashboards, product interfaces, internal tools, and portfolios.
How to use it
It changes how the agent builds visual interfaces by requiring track selection, taste guidance, motion planning, engineering checks, and a final style gate.
What you provide
- An existing project
Uses
Good to know
- edits its own instructions
What you need · 2
Must be used together with project-builder whenever a project produces visual HTML/CSS/JS.
Requires taste-skill for the mandatory Brief Inference, Design Dials, and Anti-slop style checks inside the workflow.
Access · 2
This skill
GitHub
Reads taste rules from GitHub
ui-design
Updates ui-design overlay rules