·react
</>

react

React-Renderer für JSON-Render, der JSON-Spezifikationen in React-Komponenten umwandelt. Verwenden Sie es, wenn Sie mit @json-render/react arbeiten, React-Benutzeroberflächen aus JSON erstellen, Komponentenkataloge erstellen oder KI-generierte Spezifikationen rendern.

81Installationen·21Trend·@vercel-labs

Installation

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

So installieren Sie react

Installieren Sie den KI-Skill react schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/vercel-labs/json-render --skill react
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: vercel-labs/json-render.

React renderer that converts JSON specs into React component trees.

Use visible on elements to show/hide based on state. New syntax: { "$state": "/path" }, { "$state": "/path", "eq": value }, { "$state": "/path", "not": true }, { "$and": [cond1, cond2] } for AND, { "$or": [cond1, cond2] } for OR. Helpers: visibility.when("/path"), visibility.unless("/path"), visibility.eq("/path", val), visibility.and(cond1, cond2), visibility.or(cond1, cond2).

| StateProvider | Share state across components (JSON Pointer paths). Accepts optional store prop for controlled mode. | | ActionProvider | Handle actions dispatched via the event system | | VisibilityProvider | Enable conditional rendering based on state | | ValidationProvider | Form field validation |

React-Renderer für JSON-Render, der JSON-Spezifikationen in React-Komponenten umwandelt. Verwenden Sie es, wenn Sie mit @json-render/react arbeiten, React-Benutzeroberflächen aus JSON erstellen, Komponentenkataloge erstellen oder KI-generierte Spezifikationen rendern. Quelle: vercel-labs/json-render.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/vercel-labs/json-render --skill react
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-03-08
Aktualisiert
2026-03-10

Browse more skills from vercel-labs/json-render

Schnelle Antworten

Was ist react?

React-Renderer für JSON-Render, der JSON-Spezifikationen in React-Komponenten umwandelt. Verwenden Sie es, wenn Sie mit @json-render/react arbeiten, React-Benutzeroberflächen aus JSON erstellen, Komponentenkataloge erstellen oder KI-generierte Spezifikationen rendern. Quelle: vercel-labs/json-render.

Wie installiere ich react?

Ö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/vercel-labs/json-render --skill react Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/vercel-labs/json-render