frontend-ui-engineering
by addyosmani (GitHub) in addyosmani/agent-skills
What it does
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-gene
Quoted from the skill's SKILL.md under its MIT license.
Install
git clone --depth 1 https://github.com/addyosmani/agent-skills.git /tmp/agent-skills mkdir -p ~/.claude/skills/ cp -r /tmp/agent-skills/skills/frontend-ui-engineering ~/.claude/skills/frontend-ui-engineering
The command copies the skill from the author's repo. SkillTrove does not host it.
Files
- SKILL.md
Source: https://github.com/addyosmani/agent-skills/tree/main/skills/frontend-ui-engineering. Checked 2026-10-13.
Similar skills
api-and-interface-design
Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, def...
documentation-and-adrs
Records decisions and documentation. Use when you need to document an architecture decision (ADR) or the reasoning behind a design choice, when changing publ...
performance-optimization
Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance reg...
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or planning anything new, in s...
brand-guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand co...
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art...