·react

Moteur de rendu React pour json-render qui transforme les spécifications JSON en composants React. À utiliser lorsque vous travaillez avec @json-render/react, créez des interfaces utilisateur React à partir de JSON, créez des catalogues de composants ou restituez des spécifications générées par l'IA.

81Installations·21Tendance·@vercel-labs

Installation

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

Comment installer react

Installez rapidement le skill IA react dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/vercel-labs/json-render --skill react
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

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

Moteur de rendu React pour json-render qui transforme les spécifications JSON en composants React. À utiliser lorsque vous travaillez avec @json-render/react, créez des interfaces utilisateur React à partir de JSON, créez des catalogues de composants ou restituez des spécifications générées par l'IA. Source : vercel-labs/json-render.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/vercel-labs/json-render --skill react
Catégorie
</>Développement
Vérifié
Première apparition
2026-03-08
Mis à jour
2026-03-10

Browse more skills from vercel-labs/json-render

Réponses rapides

Qu'est-ce que react ?

Moteur de rendu React pour json-render qui transforme les spécifications JSON en composants React. À utiliser lorsque vous travaillez avec @json-render/react, créez des interfaces utilisateur React à partir de JSON, créez des catalogues de composants ou restituez des spécifications générées par l'IA. Source : vercel-labs/json-render.

Comment installer react ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/vercel-labs/json-render --skill react Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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