# frontend-ui-engineering

- **Publisher**: Addy Osmani (Verified Publisher)
- **Repository**: https://github.com/addyosmani/agent-skills
- **skills.sh URL**: https://skills.sh/addyosmani/agent-skills/frontend-ui-engineering
- **License**: MIT
- **Stars**: 112,669
- **Canonical Web Page**: https://builderthread.dev/skill/addyosmani/agent-skills/frontend-ui-engineering
- **Parent Topic**: [design](https://builderthread.dev/skill/for/design.md)
- **Last Verified**: 2026-11-02
- **Supported Coding Agents**: Claude Code, Cursor, Codex, Windsurf

## Description
Core guidelines from Addy Osmani on frontend performance, accessible component structures, responsive typography, and state management patterns.

## Install Command
```bash
npx skills add addyosmani/agent-skills --skill frontend-ui-engineering
```

## When to Use This Skill
- Building new UI component systems or landing page layouts
- Refactoring client components for responsive web performance and Core Web Vitals
- Ensuring WCAG accessibility standards across forms and dialogs

## Files Inside Package
- `SKILL.md`
- `references/performance.md`
- `references/accessibility.md`

---

## Production Grade Starter Repo

Pre built starter repo with auth, databases, backend, and AI integrations already configured based on your tech stack of choice (worth $200+ and saves you 30+ hours of configuration).

- Supported languages: TypeScript, React Native, Rust, Go, Python, Java
- Frameworks: 18+ Frontend frameworks, 45+ Backend frameworks
- Start now: https://builderthread.dev/auth/signup