sk Skill · addyosmani
frontend-ui-engineering
Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.
Open on skills.sh ↗read 2026-09-17
- installs 8w
- 21,922
- 30-day movement
- starts with the next reading
- Related entries
- 6
- Connections
- 0
typescriptcssJavaScript
A SKILL.md that guides an AI coding agent through building production-quality frontend UIs. It covers component architecture, state management, design-system adherence, WCAG 2.1 AA accessibility, responsive design, and a verification checklist.
Reach for it when your agent's UI output needs to look deliberate and accessible rather than generic AI-generated.
Use it to
- Build new components or pages
- Implement responsive layouts
- Add interactivity or state management
- Meet WCAG 2.1 AA accessibility requirements
- Audit UI for missing error, loading, and empty states
For Developers using AI coding agents for frontend work
- Host repository
- addyosmani/agent-skills
- Installs, lifetime
- 37k
- Installs, 8 weeks
- 22k
- Host stars
- 96k
- Host language
- JavaScript
topicsfrontendaccessibilitycomponentsresponsive-designstate-managementagent-skill