vercel-composition-patterns

React-Kompositionsmuster zur Skalierung von Komponenten und Vermeidung von boolescher Prop-Vermehrung. Behandelt vier Prioritätskategorien: Komponentenarchitektur, Zustandsverwaltung, Implementierungsmuster und React 19 APIs, jeweils mit spezifischen Regeln und Codebeispielen. Enthält über 10 benannte Muster für zusammengesetzte Komponenten, Context-Provider, State Lifting und explizite Varianten. Entwickelt für das Refactoring aufgeblähter Komponenten, den Aufbau wiederverwendbarer Bibliotheken und die Überprüfung von Komponentenarchitekturentscheidungen. React...

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns

ZIP herunterladen GitHub

Mehr Skills von vercel

benchmark-sandbox

Führt vercel-plugin-eval-Szenarien in Vercel Sandboxes aus, anstatt in lokalen WezTerm-Panels. Stellt temporäre Mikro-VMs mit vorinstalliertem Claude Code + Plugin bereit,…

emil-design-eng

Diese Fertigkeit kodiert Emil Kowalskis Philosophie zu UI-Verfeinerung, Komponentendesign, Animationsentscheidungen und den unsichtbaren Details, die Software großartig wirken lassen.

vercel-react-best-practices

Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorisieren von React/Next.js…

vercel-react-best-practices

Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorisieren von React/Next.js…

Erstelle eine technische Anleitung, die einen realen Anwendungsfall durch progressive Beispiele vermittelt. Konzepte werden nur dann eingeführt, wenn der Leser sie benötigt.

Vercel-Plugin veröffentlichen — Gates ausführen, Version erhöhen, Artefakte generieren, committen und pushen. Verwenden, wenn aufgefordert, „zu veröffentlichen“, „auszuliefern“, „Version zu erhöhen und zu pushen“ oder „ein Release zu erstellen“.

Führen Sie DeepSec gegen einen Vercel-Projekt-Checkout von dev3000 aus. Verwenden Sie für die Ein-Klick-DeepSec-Einrichtung, das Bootstrapping des Projektkontexts, die begrenzte Erstverarbeitung und…

Backportiere einen gemergten Next.js Pull-Request von canary auf einen früheren Release-Branch wie next-16-2. Verwende, wenn der Benutzer darum bittet, einen Backport, Cherry-Pick oder das Öffnen eines…