·json-render-react-native
</>

json-render-react-native

vercel-labs/json-render

React Native json-render 渲染器将 JSON 规范转换为本机移动 UI。在使用 @json-render/react-native、从 JSON 构建 React Native UI、创建移动组件目录或在移动设备上渲染 AI 生成的规范时使用。

24安装·9热度·@vercel-labs

安装

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

SKILL.md

React Native renderer that converts JSON specs into native mobile component trees with standard components, data binding, visibility, actions, and dynamic props.

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

Any prop value can be a data-driven expression resolved at render time:

React Native json-render 渲染器将 JSON 规范转换为本机移动 UI。在使用 @json-render/react-native、从 JSON 构建 React Native UI、创建移动组件目录或在移动设备上渲染 AI 生成的规范时使用。 来源:vercel-labs/json-render。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/vercel-labs/json-render --skill json-render-react-native
分类
</>开发工具
认证
收录时间
2026-02-12
更新时间
2026-02-18

快速解答

什么是 json-render-react-native?

React Native json-render 渲染器将 JSON 规范转换为本机移动 UI。在使用 @json-render/react-native、从 JSON 构建 React Native UI、创建移动组件目录或在移动设备上渲染 AI 生成的规范时使用。 来源:vercel-labs/json-render。

如何安装 json-render-react-native?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/vercel-labs/json-render --skill json-render-react-native 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

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