Build phase
frontend-ui-engineering
Builds production-quality, accessible, responsive user-facing UIs. Component architecture, design systems, state management, responsive design, and WCAG 2.1 AA accessibility - output that looks production-quality, not AI-generated.
Use when Building or modifying user-facing interfaces.
Install just this skill
Grab it on its own via the open skills CLI, or install the whole pack.
This skill only
npx skills add addyosmani/agent-skills --skill frontend-ui-engineering All skills
npx skills add addyosmani/agent-skills How this skill is structured
Every skill follows the same anatomy - a workflow the agent follows, not a doc it reads.
- 01 Overview What this skill does
- 02 When to Use Triggering conditions
- 03 Process Step-by-step workflow
- 04 Rationalizations Excuses + rebuttals
- 05 Red Flags Signs something’s wrong
- 06 Verification Evidence requirements