json-render-react

Konvertiert JSON-Spezifikationen in typsichere React-Komponentenbäume mit Zustandsverwaltung und dynamischen Ausdrücken. Unterstützt deklarative UI-Spezifikationen mit Elementbäumen, bidirektionale Datenbindung über $bindState, bedingtes Rendering und berechnete Ausdrücke. Integrierte Zustandsverwaltung durch StateProvider mit optionaler externer Store-Integration (Redux, Zustand, XState) und JSON-Pointer-basierten Zustandspfaden. Ereignissystem mit Aktionsverteilung, Zustandsüberwachung und vier integrierten Aktionen: setState,...

npx skills add https://github.com/vercel-labs/json-render --skill json-render-react

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…