Menu
Build user-facing interfaces with strong component architecture, responsive design, accessibility, and visual polish. Use for frontend UI work.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Create, critique, and operationalize engineering strategy documents using diagnosis, tradeoff exploration, guiding policy, coherent actions, and operating cadence. Use when an engineering leader needs strategy for a team, platform, architecture, migration, reliability program, or multi-quarter technical investment.
Run engineering leadership reviews across strategy, delivery, quality, architecture, launch readiness, security risk, and performance health.
Inspect GitHub pull requests for leadership-relevant release risk, quality gates, ownership, and follow-up actions.
Keep dependencies secure, minimal, and up to date. Use when auditing a project's supply chain, adding new libraries, evaluating upgrades, or hardening a CI pipeline against dependency risks.
Design and implement GraphQL APIs with correct schema design, resolver patterns, N+1 prevention, federation, and security. Use when building or evolving a GraphQL layer.
Make ML experiments reproducible and comparable by tracking hyperparameters, metrics, artifacts, and environments. Use when training models, tuning hyperparameters, or promoting models to production.
| name | frontend-ui-engineering |
| description | Build user-facing interfaces with strong component architecture, responsive design, accessibility, and visual polish. Use for frontend UI work. |
| license | MIT |
| compatibility | Works with coding agents that support Agent Skills. Upstream source is Addy Osmani's agent-skills repository. |
| metadata | {"agentpacks.version":"0.1.0","agentpacks.source":"https://github.com/addyosmani/agent-skills/tree/main/skills/frontend-ui-engineering","agentpacks.upstream":"addyosmani/agent-skills/frontend-ui-engineering"} |
This registry entry references the upstream frontend-ui-engineering Agent Skill. Installers should use agentpacks.source and avoid copying upstream content into this registry.
