Reagieren Sie auf skalierbare Kompositionsmuster. Verwenden Sie es, wenn Sie Komponenten mit boolescher Prop-Proliferation umgestalten, flexible Komponentenbibliotheken erstellen oder wiederverwendbare APIs entwerfen. Wird bei Aufgaben ausgelöst, die zusammengesetzte Komponenten, Render-Requisiten, Kontextanbieter oder Komponentenarchitektur betreffen. Enthält React 19 API-Änderungen.
Installieren Sie den KI-Skill vercel-composition-patterns schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: petekp/claude-code-setup.
Composition patterns for building flexible, maintainable React components. Avoid boolean prop proliferation by using compound components, lifting state, and composing internals. These patterns make codebases easier for both humans and AI agents to work with as they scale.
| 1 | Component Architecture | HIGH | architecture- | | 2 | State Management | MEDIUM | state- | | 3 | Implementation Patterns | MEDIUM | patterns- | | 4 | React 19 APIs | MEDIUM | react19- |
⚠️ React 19+ only. Skip this section if using React 18 or earlier.
Reagieren Sie auf skalierbare Kompositionsmuster. Verwenden Sie es, wenn Sie Komponenten mit boolescher Prop-Proliferation umgestalten, flexible Komponentenbibliotheken erstellen oder wiederverwendbare APIs entwerfen. Wird bei Aufgaben ausgelöst, die zusammengesetzte Komponenten, Render-Requisiten, Kontextanbieter oder Komponentenarchitektur betreffen. Enthält React 19 API-Änderungen. Quelle: petekp/claude-code-setup.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/petekp/claude-code-setup --skill vercel-composition-patternsReagieren Sie auf skalierbare Kompositionsmuster. Verwenden Sie es, wenn Sie Komponenten mit boolescher Prop-Proliferation umgestalten, flexible Komponentenbibliotheken erstellen oder wiederverwendbare APIs entwerfen. Wird bei Aufgaben ausgelöst, die zusammengesetzte Komponenten, Render-Requisiten, Kontextanbieter oder Komponentenarchitektur betreffen. Enthält React 19 API-Änderungen. Quelle: petekp/claude-code-setup.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/petekp/claude-code-setup --skill vercel-composition-patterns Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/petekp/claude-code-setup