Frontend 944 installs

frontend-ui-engineering

by addyosmani/agent-skills

Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or…

Skill content

Frontend UI Engineering

Overview

Build production-quality user interfaces that are accessible, performant, and visually polished. The goal is UI that looks like it was built by a design-aware engineer at a top company - not like it was generated by an AI. This means real design system adherence, proper accessibility, thoughtful interaction patterns, and no generic "AI aesthetic."

When to Use

- Building new UI components or pages

- Modifying existing user-facing interfaces

- Implementing responsive layouts

- Adding interactivity or state management

- Fixing visual or UX issues

Component Architecture

File Structure

Colocate everything related to a component:
#agent-skills #addyosmani
Back to all skills