Home / Skills / frontend-ui-engineering
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 n
- License
- MIT
- SKILL.md tokens
- 2,922
- Bundled files
- 0
- Bundled tokens (estimated)
- 0
Cost per 1,000 loads
Estimated input cost per 1,000 loads of SKILL.md only (characters ÷ 4). Bundled files, output tokens and execution are excluded.
| Model | Input / 1M tokens | 1,000 loads |
|---|---|---|
| Claude Opus 5 | $5.00 | $14.61 |
| Claude Sonnet 5 | $2.00 | $5.84 |
| Claude Haiku 4.5 | $1.00 | $2.92 |
Safety flags
Detected automatically from files; not a security audit.
- Runs scripts
- No
- Network access
- No
- Shell commands
- No
Works with
Open SKILL.md format
- Claude Code
- Codex
- Cursor
- GitHub Copilot
- Gemini CLI
- OpenCode
- Goose
Install
npx skills add addyosmani/agent-skills --skill frontend-ui-engineeringLast verified:
frontend-ui-engineering FAQ
What does the frontend-ui-engineering skill do?
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 n Source: https://github.com/addyosmani/agent-skills/blob/main/skills/frontend-ui-engineering/SKILL.md
What does the frontend-ui-engineering skill cost to load?
SKILL.md is about 2,922 tokens. Estimated input cost per 1,000 loads: Claude Opus 5 $14.61; Claude Sonnet 5 $5.84; Claude Haiku 4.5 $2.92. Estimated input cost per 1,000 loads of SKILL.md only (characters ÷ 4). Bundled files, output tokens and execution are excluded. Prices: https://docs.anthropic.com/en/docs/about-claude/pricing
How do I install the frontend-ui-engineering skill?
Skills CLI: npx skills add addyosmani/agent-skills --skill frontend-ui-engineering. Claude Code: /plugin marketplace add addyosmani/agent-skills, then install the plugin from that marketplace. Download the frontend-ui-engineering skill folder as a ZIP and upload it in Claude.ai skills settings.
Is the frontend-ui-engineering skill safe?
No runs-scripts, network-access or shell-command flags were detected. Flags are detected automatically from the skill's files and are not a security audit; review the SKILL.md before installing.