Builds production-quality, non-AI-generated-looking UI components, layouts, and state management.
Visit skill This is mine — claim it
Source: https://github.com/addyosmani/agent-skills/tree/main/skills/frontend-ui-engineering
Listing URL: https://wingmanprotocol.com/skills/frontend-ui-engineering/
Show your listing is live — the card backlinks here and picks up the verified badge automatically once you claim it.
<iframe src="https://wingmanprotocol.com/embed/card/frontend-ui-engineering" width="340" height="170" style="border:0;border-radius:10px" loading="lazy" title="Frontend UI Engineering — live on WingMan Protocol"></iframe>
Or the one-line script:
<script src="https://wingmanprotocol.com/embed/card.js" data-slug="frontend-ui-engineering" async></script>
Or a README badge:
[](https://wingmanprotocol.com/directory/frontend-ui-engineering?utm_source=badge)
Guides refactors away from boolean-prop-heavy components toward compound components, render props, and other patterns that scale.
Applies Vercel Engineering's 40+ React/Next.js performance rules across data fetching, bundling, and rendering when writing or reviewing code.
Covers React Native/Expo performance patterns - list rendering, animations, native modules - for building mobile apps.
Implements page and element transition animations with React's View Transition API and its CSS pseudo-elements.