react

Name: react
Author: vercel-labs

✓

vercel-labs/json-renderGitHub: vercel-labs/json-render 来源: vercel-labs/json-render

用于 json-render 的 React 渲染器，将 JSON 规范转换为 React 组件。在使用 @json-render/react、从 JSON 构建 React UI、创建组件目录或渲染 AI 生成的规范时使用。

vercel-labs·react

81安装·21热度·@vercel-labs

安装

GitHub: vercel-labs/json-render

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

如何安装 react

通过命令行快速安装 react AI 技能到你的开发环境

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

来源：vercel-labs/json-render。

SKILL.md

查看原文

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).

用于 json-render 的 React 渲染器，将 JSON 规范转换为 React 组件。在使用 @json-render/react、从 JSON 构建 React UI、创建组件目录或渲染 AI 生成的规范时使用。来源：vercel-labs/json-render。

可引用信息

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

安装命令: npx skills add https://github.com/vercel-labs/json-render --skill react
来源: vercel-labs/json-render
分类: </>开发工具
认证: ✓
收录时间: 2026-03-08
更新时间: 2026-03-10
链接: https://www.learn-skills.dev/zh/skills/vercel-labs/json-render/react

Browse more skills from vercel-labs/json-render

快速解答

什么是 react？

如何安装 react？

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

这个 Skill 的源码在哪？

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

详情

分类: </>开发工具
来源: skills.sh
收录时间: 2026-03-08