·react-native
</>

react-native

Representador React Native para json-render que convierte las especificaciones JSON en interfaces de usuario móviles nativas. Úselo cuando trabaje con @json-render/react-native, cree interfaces de usuario de React Native a partir de JSON, cree catálogos de componentes móviles o represente especificaciones generadas por IA en dispositivos móviles.

41Instalaciones·13Tendencia·@vercel-labs

Instalación

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

Cómo instalar react-native

Instala rápidamente el skill de IA react-native 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-native
  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 Native renderer that converts JSON specs into native mobile component trees with standard components, data binding, visibility, actions, and dynamic props.

Use visible on elements. Syntax: { "$state": "/path" }, { "$state": "/path", "eq": value }, { "$state": "/path", "not": true }, [ cond1, cond2 ] for AND.

Use Pressable with the built-in setState action for interactive UIs like tab bars:

Representador React Native para json-render que convierte las especificaciones JSON en interfaces de usuario móviles nativas. Úselo cuando trabaje con @json-render/react-native, cree interfaces de usuario de React Native a partir de JSON, cree catálogos de componentes móviles o represente especificaciones generadas por IA en dispositivos móviles. 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-native
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-03-09
Actualizado
2026-03-10

Browse more skills from vercel-labs/json-render

Respuestas rápidas

¿Qué es react-native?

Representador React Native para json-render que convierte las especificaciones JSON en interfaces de usuario móviles nativas. Úselo cuando trabaje con @json-render/react-native, cree interfaces de usuario de React Native a partir de JSON, cree catálogos de componentes móviles o represente especificaciones generadas por IA en dispositivos móviles. Fuente: vercel-labs/json-render.

¿Cómo instalo react-native?

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-native 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