·react

Renderizador React para json-render que convierte las especificaciones JSON en componentes React. Úselo cuando trabaje con @json-render/react, cree UI de React a partir de JSON, cree catálogos de componentes o represente especificaciones generadas por IA.

81Instalaciones·21Tendencia·@vercel-labs

Instalación

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

Cómo instalar react

Instala rápidamente el skill de IA react en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/vercel-labs/json-render --skill react
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: vercel-labs/json-render.

SKILL.md

Ver original

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 |

Renderizador React para json-render que convierte las especificaciones JSON en componentes React. Úselo cuando trabaje con @json-render/react, cree UI de React a partir de JSON, cree catálogos de componentes o represente especificaciones generadas por IA. Fuente: vercel-labs/json-render.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/vercel-labs/json-render --skill react
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-03-08
Actualizado
2026-03-10

Browse more skills from vercel-labs/json-render

Respuestas rápidas

¿Qué es react?

Renderizador React para json-render que convierte las especificaciones JSON en componentes React. Úselo cuando trabaje con @json-render/react, cree UI de React a partir de JSON, cree catálogos de componentes o represente especificaciones generadas por IA. Fuente: vercel-labs/json-render.

¿Cómo instalo react?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/vercel-labs/json-render --skill react Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

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