Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or when the output needs to look and feel production-quality rather than AI-generated.
Install
npx skills add addyosmani/agent-skills --skill frontend-ui-engineeringnpx skills add addyosmani/agent-skills --skill frontend-ui-engineering -a claude-code -gnpx skills add addyosmani/agent-skills --skill frontend-ui-engineering -a codex -ggemini skills install https://github.com/addyosmani/agent-skills.git --path skills/frontend-ui-engineeringgh skill install addyosmani/agent-skills frontend-ui-engineeringgit clone --depth 1 https://github.com/addyosmani/agent-skills /tmp/addyosmani__agent-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/addyosmani__agent-skills/skills/frontend-ui-engineering ~/.claude/skills/frontend-ui-engineering # Claude Code
cp -R /tmp/addyosmani__agent-skills/skills/frontend-ui-engineering ~/.agents/skills/frontend-ui-engineering # Codex, Cursor, Gemini CLI, Copilot, OpenCode