Skip to content
← Tools / Skills
Skill · .md packageAddy Osmani/10 trustVerified

frontend-ui-engineering

Builds production-quality, accessible, responsive user-facing UIs.

Visit official site →

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.

What it can 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 needs to look and feel production-quality rather than AI-generated.

Setup

  1. Install: npx skills add addyosmani/agent-skills --all
  2. The skill auto-loads when relevant, or invoke it by name in your agent.

Prerequisites

A compatible AI coding agent (Claude Code, Cursor, etc.).

Use cases

design

Works with

Claude CodeAny agent (.md)

Trust score — 9/10

/10 trustVerified

Agent skills from Addy Osmani (Google Chrome team) — 107k+ stars, covering coding workflows, frontend, testing, and automation. Highly trusted author.

Sources

Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.