·react

Render React per json-render che trasforma le specifiche JSON in componenti React. Da utilizzare quando si lavora con @json-render/react, si creano interfacce utente React da JSON, si creano cataloghi di componenti o si esegue il rendering di specifiche generate dall'intelligenza artificiale.

81Installazioni·21Tendenza·@vercel-labs

Installazione

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

Come installare react

Installa rapidamente la skill AI react nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/vercel-labs/json-render --skill react
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: 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 |

Render React per json-render che trasforma le specifiche JSON in componenti React. Da utilizzare quando si lavora con @json-render/react, si creano interfacce utente React da JSON, si creano cataloghi di componenti o si esegue il rendering di specifiche generate dall'intelligenza artificiale. Fonte: vercel-labs/json-render.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/vercel-labs/json-render --skill react
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-03-08
Aggiornato
2026-03-10

Browse more skills from vercel-labs/json-render

Risposte rapide

Che cos'è react?

Render React per json-render che trasforma le specifiche JSON in componenti React. Da utilizzare quando si lavora con @json-render/react, si creano interfacce utente React da JSON, si creano cataloghi di componenti o si esegue il rendering di specifiche generate dall'intelligenza artificiale. Fonte: vercel-labs/json-render.

Come installo react?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/vercel-labs/json-render --skill react Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

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