Builds production-quality, accessible, responsive user-facing UIs.
Part of Addy Osmani's Agent Skills
by addyosmani· DesignUnclaimed · Yours? Claim it
About
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.
Skills people install alongside frontend-ui-engineering.
Runs on your machine.
Runs on your machine.
Runs on your machine.
Runs on your machine.
npx -y degit addyosmani/agent-skills/skills/frontend-ui-engineering ~/.copilot/skills/frontend-ui-engineering
Runs on your machine.
npx -y degit addyosmani/agent-skills/skills/frontend-ui-engineering ~/.cursor/skills/frontend-ui-engineering
Runs on your machine.
npx -y degit addyosmani/agent-skills/skills/frontend-ui-engineering ~/.claude/skills/frontend-ui-engineering
/plugin marketplace add addyosmani/agent-skills /plugin install agent-skills@addy-agent-skills
Runs on your machine.
npx -y degit addyosmani/agent-skills/skills/frontend-ui-engineering ~/.agents/skills/frontend-ui-engineering
Runs on your machine.
Runs on your machine.
npx -y degit addyosmani/agent-skills/skills/frontend-ui-engineering ~/.gemini/skills/frontend-ui-engineering
Runs on your machine.
npx -y degit addyosmani/agent-skills/skills/frontend-ui-engineering .agents/skills/frontend-ui-engineering
Runs on your machine.
npx -y degit addyosmani/agent-skills/skills/frontend-ui-engineering ~/.openclaw/skills/frontend-ui-engineering
Runs on your machine.
npx -y degit addyosmani/agent-skills/skills/frontend-ui-engineering ~/.config/opencode/skills/frontend-ui-engineering
Runs on your machine.
npx -y degit addyosmani/agent-skills/skills/frontend-ui-engineering ~/.hermes/skills/frontend-ui-engineering
Scanned and passed · checked 48 min ago
From people who use it
Step by step
Nothing new reaches your agent until a person has looked at it.
Scanned on every change, and again when our rules improve.
No reviews yet. Used frontend-ui-engineering? Say how it went.
Write a reviewSkills people install alongside frontend-ui-engineering.
Has your agent explain a technical idea as an interactive isometric figure of a real machine, built from many small shaded parts.
A community skill that turns a description, code, Terraform, SQL or API schemas into editable draw.io diagrams, and keeps them in sync.
Turns your agent into a disciplined logo designer, from the brief to tested SVG concepts, lockups, icons and brand guidelines.
Turns one approved character still into a game-ready sprite set: every action animated, keyed, looped and exported for your engine.
Nobody has shared how they use frontend-ui-engineering yet.
Security scan
Passed
Safe to install in every agent it supports. Runs in your agent, as instructions.