vercel-composition-patterns
A React skill from Vercel Labs that guides an agent when it designs or refactors component APIs.
Was der Skill vermittelt
A React skill from Vercel Labs that guides an agent when it designs or refactors component APIs. It sorts its rules by priority across component architecture, state management, implementation patterns and React 19 API changes, with the main aim of replacing long lists of boolean props with compound components, lifted state and composition through children. Each rule lives in its own file in the skill folder, and a compiled document gathers them for agents that read one file. It is general React guidance and does not use the Vercel platform.
Funktionen
- Refactor components that rely on many boolean props
- Design compound components that share state through context
- Apply React 19 API changes in component code
- Review component architecture against prioritised rules
Installation
- Führe diesen Befehl aus, um ihn zu Beliebiger Client hinzuzufügen:
npx skills add vercel-labs/agent-skills --skill vercel-composition-patterns
Was enthalten ist
- AGENTS.md
- README.md
- metadata.json
- rules/_sections.md
- rules/_template.md
- rules/architecture-avoid-boolean-props.md
- rules/architecture-compound-components.md
- rules/patterns-children-over-render-props.md
- rules/patterns-explicit-variants.md
- rules/react19-no-forwardref.md
- rules/state-context-interface.md
- rules/state-decouple-implementation.md
- rules/state-lift-state.md
Details
| Angabe | Wert | Quelle |
|---|---|---|
| Typ | Skill | |
| Tool | Frontend-Design | |
| Herausgeber | Vercel Labs | Quelle |
| Offizieller Status | In der Dokumentation nicht angegeben | |
| Braucht API-Key oder Anmeldung | In der Dokumentation nicht angegeben | |
| Enthält Skripte | Nein | Quelle |
| Plattformen | In der Dokumentation nicht angegeben | |
| KI-Clients | In der Dokumentation nicht angegeben | |
| Lizenz | MIT | Quelle |
| Preis | In der Dokumentation nicht angegeben | |
| Aktivität | Letzter Commit am 28. Okt. 202633.877 GitHub-SterneKeine Download-Daten verfügbar (nicht auf npm oder PyPI) | Quelle |
| Links | Repository Website |
Kopien dieses Skills in anderen Repositorys (4)
Ihr Text weicht von diesem Skill ab. Es kann sich um angepasste Kopien oder ältere Versionen handeln.
- vercel-composition-patternssupabase/supabase
- vercel-composition-patternszebbern/claude-code-guide
- vercel-composition-patternsdraculabo/antigravitymanager
- vercel-composition-patternsleonardotrapani/better-skills
Mehr von Vercel Labs
18 Skills
- deploy-to-vercel (Skill)
- vercel-react-best-practices (Skill)
- vercel-react-native-skills (Skill)
- vercel-react-view-transitions (Skill)
- web-design-guidelines (Skill)
- slack (Skill)
Badge für Ihre README
Sie pflegen dieses Projekt? Fügen Sie ein Badge hinzu, das auf diese Seite verlinkt.
[](https://kitbay.app/skills/vercel-labs-composition-patterns/)
Auch zu finden unter: Frontend-Design
Quellen
- Skill-Datei (SKILL.md)github.com/vercel-labs/agent-skills · Belegt: Herausgeber10. Nov. 2026
- GitHub-Repositorygithub.com/vercel-labs/agent-skills · Belegt: Aktivität, Lizenz11. Nov. 2026
- GitHub-Repositorygithub.com/vercel-labs/agent-skills · Belegt: Lizenz13. Nov. 2026
- Ordner im Repository (composition-patterns)github.com/vercel-labs/agent-skills · Belegt: Enthält Skripte10. Nov. 2026