Guides refactors away from boolean-prop-heavy components toward compound components, render props, and other patterns that scale.
Visit skill This is mine — claim it
Source: https://github.com/vercel-labs/agent-skills/tree/main/skills/composition-patterns
Listing URL: https://wingmanprotocol.com/skills/composition-patterns/
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/composition-patterns" width="340" height="170" style="border:0;border-radius:10px" loading="lazy" title="React Composition Patterns — live on WingMan Protocol"></iframe>
Or the one-line script:
<script src="https://wingmanprotocol.com/embed/card.js" data-slug="composition-patterns" async></script>
Or a README badge:
[](https://wingmanprotocol.com/directory/composition-patterns?utm_source=badge)
Builds production-quality, non-AI-generated-looking UI components, layouts, and state management.
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.