---
title: "Frontend UI Engineering - Air Market"
description: "You have a page or screen to build, or one that needs changing. This helps you put it together: the pieces on the page, how they are arranged, and how the page remembers what a person has done. Reach…"
canonical: "https://airmarket.ai/app/frontend-ui-engineering"
---

[Air Market](/) / [Developer Tools](/category/devtools) / Frontend UI Engineering

Skill by [Addy Osmani](/@addyosmani)

# Frontend UI Engineering

Ship interfaces that look finished, not generated

## What this does

You have a page or screen to build, or one that needs changing. This helps you put it together: the pieces on the page, how they are arranged, and how the page remembers what a person has done. Reach for it when the work is the part of the app people look at and click, rather than what runs behind it.

### Top 3 things it does for you

- Build new pages and components
- Rework an interface that already exists
- Get layouts working across screen sizes

## Information

**Frontend UI Engineering at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [Addy Osmani](/@addyosmani) |
| Category | [Developer Tools](/category/devtools) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 10 KB |
| Licence | MIT |
| Repository | [addyosmani/agent-skills](https://github.com/addyosmani/agent-skills/tree/7676817c12a1317454ae3898a0c5c1eacf5dd3d5/skills/frontend-ui-engineering) |
| GitHub stars | 114,337 (as of Nov 2026) |
| Installs | 78,773, counted by skills.sh (Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Frontend UI Engineering and flagged nothing. AIR's verdict: **safe**.

**What Frontend UI Engineering's check was run against**

|  |  |
| --- | --- |
| Commit | 7676817c12a1317454ae3898a0c5c1eacf5dd3d5 |
| Content hash | 7c2ca71c2b217d024fc57d0376e74a585ee91a0c7384e77a4fab4d318fa67df9 |
| Files read | [Browse the files at this exact commit](https://github.com/addyosmani/agent-skills/blob/7676817c12a1317454ae3898a0c5c1eacf5dd3d5/skills/frontend-ui-engineering/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Frontend UI Engineering](/security/frontend-ui-engineering)

## About Frontend UI Engineering

This skill is for building and modifying user-facing interfaces and pages. Creating components, implementing layouts, and managing state all fall inside its scope.

Meeting WCAG accessibility requirements is part of the job here, sitting alongside the rest of the interface work rather than apart from it.

The stated aim is output that looks and feels production-quality rather than AI-generated, which makes it a fit whenever the finished screens will face real users.

## What's inside

- SKILL.md - instructions

## Questions

### Is Frontend UI Engineering safe to install?

AIR scanned this exact version of Frontend UI Engineering and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit 7676817c12a1, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/frontend-ui-engineering.

### How do I install Frontend UI Engineering?

Open https://airmarket.ai/app/frontend-ui-engineering on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/addyosmani/agent-skills/tree/7676817c12a1317454ae3898a0c5c1eacf5dd3d5/skills/frontend-ui-engineering. Install from that link, not the branch.

## Related on Air Market

- [More Developer Tools listings](/category/devtools)
- [Everything by Addy Osmani](/@addyosmani)

---

Canonical URL: <https://airmarket.ai/app/frontend-ui-engineering>