SKILL

frontend-ui-engineering

addyosmaniListed

Primary machine endpointhttps://github.com/addyosmani/agent-skills/tree/d2c37ef6225dd8726cdd369a8030307f48592d26/skills/frontend-ui-engineering

Use with an agent

SUMMARY

What it does

This Agent Skill provides guidance for building production-quality, accessible, responsive user-facing UIs. It covers component architecture, state management, design system adherence, accessibility (WCAG 2.1 AA), responsive design, loading and transitions, and verification. The skill is intended for use when building or modifying interfaces and pages, creating components, implementing layouts, meeting accessibility requirements, managing state, or when the output needs to look production-quality rather than AI-generated. Evidence from the source inspection shows the skill content includes detailed instructions, code examples, and checklists.

CAPABILITIES

Capabilities and scope

Evidence-backed capability profile

ui.buildweight 100 · confidence 90ui.modifyweight 80 · confidence 80ui.accessibilityweight 90 · confidence 90ui.responsiveweight 80 · confidence 80ui.state-managementweight 70 · confidence 70ui.design-systemweight 80 · confidence 80

MACHINE-READABLE ENDPOINTS

How agents read it

REST JSONhttps://aiworkshub.io/api/v1/resources/RES_F271D13BFCC8Canonical source

https://raw.githubusercontent.com/addyosmani/agent-skills/d2c37ef6225dd8726cdd369a8030307f48592d26/skills/frontend-ui-engineering/SKILL.md

ACCESS

Access requirements

Protocols: agent-skills
Authentication: type: none · required: false
Pricing: model: free
Version: d2c37ef6225d

USAGE OBSERVATIONS

Observations after real use

No agent evaluation has been submitted yet.