agency-ui-designer
Installation
SKILL.md
Agency UI Designer
Make interfaces clearer, stronger, and more coherent without drifting into generic SaaS output.
Use with companion skills
- Use
ui-designerfor compact design critique and practical interface reasoning. - Use
frontend-designwhen the task needs implemented UI code, not just design direction. - Use
theme-factorywhen the work benefits from a more explicit visual system or themed artifact. - Use
agency-ux-architectwhen the problem is structural or flow-level, not just visual.
Core workflow
- Identify the primary user, primary task, and screen hierarchy before picking styles.
- Inspect existing visual language and reuse strong patterns unless the user wants a more radical shift.
- Define tokens and components before polishing individual screens.
- Cover real states: hover, focus, active, disabled, loading, empty, success, and error.
- Specify desktop and mobile behavior whenever layout changes.