CommunityProgramación y desarrollogithub.com

vercel-labs/react-native

Renderizador de React Native para json-render que convierte especificaciones JSON en interfaces de usuario móviles nativas. Úsalo cuando trabajes con @json-render/react-native, construyas interfaces de React Native desde JSON, crees catálogos de componentes móviles o renderices especificaciones generadas por IA en dispositivos móviles.

¿Qué es react-native?

Este skill proporciona un renderizador de React Native para la biblioteca json-render, permitiendo transformar especificaciones JSON en interfaces de usuario móviles completamente nativas. Es especialmente útil para desarrolladores que trabajan con @json-render/react-native, ya que facilita la creación dinámica de UIs en React Native a partir de datos estructurados en JSON. Soporta plataformas como iOS y Android, y se integra perfectamente con flujos de trabajo que involucran la generación de especificaciones por parte de asistentes de IA. Al utilizar este skill, los desarrolladores pueden construir catálogos de componentes móviles reutilizables o renderizar interfaces generadas por IA en tiempo real, simplificando el puente entre la lógica declarativa y la interfaz nativa.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/react-native

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace react-native?

Renderizador de React Native para json-render que convierte especificaciones JSON en interfaces de usuario móviles nativas. Úsalo cuando trabajes con @json-render/react-native, construyas interfaces de React Native desde JSON, crees catálogos de componentes móviles o renderices especificaciones generadas por IA en dispositivos móviles.

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

vercel-labs/core

Core package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating catalogs, or building JSON specs for UI/video generation.

vercel-labs/react

React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generated specs.

vercel-labs/react-pdf

React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF buffers/streams/files.

vercel-labs/react-three-fiber

React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering meshes/lights/models/environments, or integrating Three.js with json-render catalogs.

vercel-labs/remotion

Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from JSON, creating video catalogs, or rendering AI-generated video timelines.

vercel-labs/shadcn

Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with Radix UI + Tailwind CSS components.

vercel-labs/zustand

Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.

Skills relacionados