Community编程与开发github.com

vercel-labs/react-native

React Native 渲染器,用于 json-render,可将 JSON 规范转化为原生移动端 UI。适用于使用 @json-render/react-native、从 JSON 构建 React Native UI、创建移动端组件目录,或在移动端渲染 AI 生成的规范时使用。

react-native 是什么?

这是一个为 json-render 设计的 React Native 渲染器,能够将 JSON 格式的 UI 规范直接渲染为原生移动端界面。该技能主要面向使用 @json-render/react-native 库的开发者,帮助他们通过 JSON 数据快速构建 React Native 用户界面,支持创建可复用的移动端组件目录,并能高效渲染 AI 自动生成的移动端 UI 规范。它适用于多种平台,包括 React Native 应用开发环境,以及需要从结构化数据动态生成界面的场景。通过解析 JSON 结构并映射到原生组件,该渲染器简化了移动端 UI 的开发流程,提高了开发效率,特别适合 AI 辅助设计或组件化开发工作流。

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

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

react-native 是做什么的?

用于 json-render 的 React Native 渲染器,可将 JSON 规范转化为原生移动端 UI。适用于使用 @json-render/react-native、从 JSON 构建 React Native UI、创建移动端组件目录,或在移动端渲染 AI 生成的规范时使用。

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.

相关技能