---
username: vercel-labs
url: https://skills.yangsir.net/authors/vercel-labs
github: https://github.com/vercel-labs
skills_count: 50
total_installs: 9392852
avg_rating: 4.8
top_skill: find-skills
source: skills.sh + skillforge.db
---

# @vercel-labs

> 涵盖前端、后端、运维方向，代表作 find-skills、vercel-react-best-practices、web-design-guidelines。

**50 skills · 9,392,852 total installs**
**Average rating**: 4.8/5 (20722 reviews)

- Profile: https://skills.yangsir.net/authors/vercel-labs
- GitHub: https://github.com/vercel-labs

## Skills on SkillForge (50)

注：以下为 SkillForge 已收录的部分；该作者在 skills.sh 上可能有更多作品。

### find-skills (4,000,000 installs)

- **Domain**: ai-skill-platform-ecosystem
- **Tags**: skill-discovery, ai-agents, workflow-automation, api-integration
- **Page**: https://skills.yangsir.net/skill/find-skills
- **Markdown**: https://skills.yangsir.net/api/skill/find-skills/markdown

帮助用户发现和安装代理技能，解答“如何做X”、“寻找X技能”等问题，满足用户对新功能的需求。

### agent-browser (1,200,000 installs)

- **Domain**: ai-agent-external-interaction
- **Tags**: web-development, ui-components, browser, javascript
- **Page**: https://skills.yangsir.net/skill/agent-browser
- **Markdown**: https://skills.yangsir.net/api/skill/agent-browser/markdown

为AI代理提供浏览器自动化命令行工具，支持网页导航、表单填写、点击按钮和截图等操作，实现与网站的交互。

### vercel-react-best-practices (829,000 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: react, next-js, web-development, performance-optimization
- **Page**: https://skills.yangsir.net/skill/vercel-react-best-practices
- **Markdown**: https://skills.yangsir.net/api/skill/vercel-react-best-practices/markdown

Vercel维护的React和Next.js应用性能优化指南，包含8大类62条规则，帮助开发者构建高性能前端应用。

### web-design-guidelines (771,400 installs)

- **Domain**: design
- **Tags**: ui-components, responsive-design, accessibility, web-development
- **Page**: https://skills.yangsir.net/skill/web-design-guidelines
- **Markdown**: https://skills.yangsir.net/api/skill/web-design-guidelines/markdown

审查UI代码是否符合网页界面设计指南，检查可访问性、设计和用户体验，确保界面质量和标准。

### vercel-composition-patterns (411,700 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: web-development, ui-components, vercel, composition, react
- **Page**: https://skills.yangsir.net/skill/vercel-composition-patterns
- **Markdown**: https://skills.yangsir.net/api/skill/vercel-composition-patterns/markdown

提供React组件组合模式，用于构建灵活、可维护的React组件，通过复合组件等方式避免布尔属性泛滥。

### electron (321,400 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: electron.js, desktop-applications, cross-platform-development, javascript
- **Page**: https://skills.yangsir.net/skill/ssh-electron
- **Markdown**: https://skills.yangsir.net/api/skill/ssh-electron/markdown

通过Chrome DevTools协议，使用代理浏览器自动化Electron桌面应用程序，如VS Code、Slack等。

### vercel-sandbox (321,400 installs)

- **Domain**: cloud-infra
- **Tags**: vercel, serverless-functions, cloud-infrastructure, edge-computing, deployment
- **Page**: https://skills.yangsir.net/skill/ssh2-vercel-sandbox
- **Markdown**: https://skills.yangsir.net/api/skill/ssh2-vercel-sandbox/markdown

在Vercel Sandbox微虚拟机中运行代理浏览器和Chrome，实现Vercel部署应用的浏览器自动化。

### agentcore (321,200 installs)

- **Domain**: cloud-infra
- **Tags**: aws, serverless, browser-automation, cloud-infrastructure, agent
- **Page**: https://skills.yangsir.net/skill/daily-agentcore
- **Markdown**: https://skills.yangsir.net/api/skill/daily-agentcore/markdown

在AWS Bedrock云浏览器会话中运行agent-browser，所有标准命令完全兼容，自动处理凭证解析

### vercel-react-native-skills (251,100 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: vercel, react-native, mobile-development, cross-platform-development, expo
- **Page**: https://skills.yangsir.net/skill/sm-vercel-react-native-skills
- **Markdown**: https://skills.yangsir.net/api/skill/sm-vercel-react-native-skills/markdown

Vercel官方推出的React Native智能代理技能集，旨在帮助移动开发者高效构建和部署跨平台应用。

### deploy-to-vercel (166,000 installs)

- **Domain**: ai-ci-cd-deployment
- **Tags**: vercel-deployment, frontend-deployment, serverless-functions, nextjs, static-site-hosting
- **Page**: https://skills.yangsir.net/skill/ssh-deploy-to-vercel
- **Markdown**: https://skills.yangsir.net/api/skill/ssh-deploy-to-vercel/markdown

将应用程序和网站部署到Vercel，响应用户部署应用、获取链接或上线等请求。

### vercel-react-view-transitions (163,800 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: react, animations, nextjs, frontend, ui-ux
- **Page**: https://skills.yangsir.net/skill/daily-vercel-react-view-transitions
- **Markdown**: https://skills.yangsir.net/api/skill/daily-vercel-react-view-transitions/markdown

在 React 与 Next.js 中实现原生视图过渡动画，支持页面切换、共享元素与方向导航，附带预设 CSS 动画方案。

### vercel-cli-with-tokens (133,000 installs)

- **Domain**: cloud-infra
- **Tags**: vercel, deployment, token-auth, cli-management
- **Page**: https://skills.yangsir.net/skill/daily-vercel-cli-with-tokens
- **Markdown**: https://skills.yangsir.net/api/skill/daily-vercel-cli-with-tokens/markdown

使用CLI通过Token认证方式在Vercel上部署和管理项目，支持完整的项目生命周期管理

### next-best-practices (111,600 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: web-development, ui-components, next, practices, react
- **Page**: https://skills.yangsir.net/skill/next-best-practices
- **Markdown**: https://skills.yangsir.net/api/skill/next-best-practices/markdown

提供Next.js最佳实践，涵盖文件约定、RSC边界、数据模式、异步API、元数据、错误处理等，优化Next.js应用开发。

### vercel-optimize (107,600 installs)

- **Domain**: ai-system-observability-sre
- **Tags**: vercel, optimization, performance, cost-management, observability
- **Page**: https://skills.yangsir.net/skill/gh-vercel-optimize
- **Markdown**: https://skills.yangsir.net/api/skill/gh-vercel-optimize/markdown

此技能用于对部署在 Vercel 上的项目进行成本和性能优化，尤其针对 Next.js、SvelteKit、Nuxt 等应用。它通过收集 Vercel 指标、使用情况和项目配置，结合代码扫描结果，提供基于数据、有排名的优化建议，旨在降低账单

### writing-guidelines (103,300 installs)

- **Domain**: writing
- **Tags**: writing-guidelines, documentation, content-quality, technical-writing, prose-review
- **Page**: https://skills.yangsir.net/skill/gh-writing-guidelines
- **Markdown**: https://skills.yangsir.net/api/skill/gh-writing-guidelines/markdown

此技能能够自动审查文档和文本内容，确保其符合预设的写作规范和风格指南。它通过自动化检查，显著提升了文档质量和一致性，减少了人工审查的时间和错误率。无论是技术文档、API 说明、用户手册，还是博客文章和营销材料，该 Skill 都能帮助团队维

### next-cache-components (36,700 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: next.js-caching, react-server-components, data-fetching, performance-optimization, incremental-static-regeneration-(isr)
- **Page**: https://skills.yangsir.net/skill/next-cache-components
- **Markdown**: https://skills.yangsir.net/api/skill/next-cache-components/markdown

Next.js 16缓存组件深度指南,全面解析PPR(部分预渲染)、缓存指令、缓存生命周期管理、缓存标签和动态更新机制,帮助开发者构建高性能Web应用,是Next.js开发者必备的缓存优化工具。

### next-upgrade (24,500 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: nextjs, framework-upgrade, react, web-development, migration-guide
- **Page**: https://skills.yangsir.net/skill/imp-vercel-labs-next-upgrade
- **Markdown**: https://skills.yangsir.net/api/skill/imp-vercel-labs-next-upgrade/markdown

指导用户将Next.js项目升级到最新版本，确保利用最新功能和性能优化，提升开发效率。

### dogfood (21,200 installs)

- **Domain**: testing
- **Tags**: internal-testing, user-acceptance-testing-(uat), beta-testing, product-feedback, quality-assurance
- **Page**: https://skills.yangsir.net/skill/dogfood
- **Markdown**: https://skills.yangsir.net/api/skill/dogfood/markdown

具备“狗粮测试”能力，即让AI智能体使用自己开发的产品，从而发现并解决问题，提升产品质量和用户体验。

### core (14,800 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: core-components, json-rendering, frontend-utilities, vercel-labs
- **Page**: https://skills.yangsir.net/skill/sm-core
- **Markdown**: https://skills.yangsir.net/api/skill/sm-core/markdown

核心包，用于定义前端的模式、目录和AI提示生成。，AI Agent Skill，提升工作效率和自动化能力

### slack (14,200 installs)

- **Domain**: ai-agent-external-interaction
- **Tags**: slack-api, chatbot-development, workspace-automation, team-communication, vercel-platform
- **Page**: https://skills.yangsir.net/skill/ssh-slack
- **Markdown**: https://skills.yangsir.net/api/skill/ssh-slack/markdown

通过浏览器自动化与Slack工作区交互，用于检查未读频道、发送消息、提取数据等。

### codegen (8,900 installs)

- **Domain**: ai-code-generation-quality
- **Tags**: code-generation, ui-spec, frontend, automation, json-render
- **Page**: https://skills.yangsir.net/skill/gh-codegen
- **Markdown**: https://skills.yangsir.net/api/skill/gh-codegen/markdown

从 UI 规范自动生成代码的实用工具集。通过树遍历、属性序列化和自定义导出器，快速将设计转化为标准组件代码，减少手动编写错误，提升前端开发效率。

### devtools (8,300 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: devtools, debugging, inspector, json-render, ui
- **Page**: https://skills.yangsir.net/skill/gh-devtools
- **Markdown**: https://skills.yangsir.net/api/skill/gh-devtools/markdown

此技能提供即插即用的调试面板，用于检查和调试 json-render 应用的 UI 元素树、运行时状态、动作日志和流更新。开发者可快速定位渲染问题、编辑状态、查看规格树，无需手动构建调试工具，大幅提升调试效率。

### portless (5,900 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: network-security, zero-trust, container-networking, service-mesh, cloud-native-networking
- **Page**: https://skills.yangsir.net/skill/sm-portless
- **Markdown**: https://skills.yangsir.net/api/skill/sm-portless/markdown

掌握Portless工具的使用，为本地开发服务器设置具名URL，简化开发环境配置，提高多项目并行开发的便利性。

### mcp (5,800 installs)

- **Domain**: ai-backend-engineering
- **Tags**: mcp, json-render, ui-components, react, integration
- **Page**: https://skills.yangsir.net/skill/gh-mcp
- **Markdown**: https://skills.yangsir.net/api/skill/gh-mcp/markdown

用于构建 MCP 服务器，在 Claude、ChatGPT、Cursor 等客户端中通过 JSON 规范渲染交互式 UI。该 Skill 封装了 json-render 核心和 MCP 协议，开发者只需定义界面结构和组件，即可快速集成动态 

### next-browser (4,700 installs)

- **Domain**: testing
- **Tags**: nextjs, browser-automation, playwright, testing, frontend
- **Page**: https://skills.yangsir.net/skill/daily-next-browser
- **Markdown**: https://skills.yangsir.net/api/skill/daily-next-browser/markdown

自动化安装和更新next-browser工具，配合Playwright实现Next.js应用的浏览器测试环境

### react-native (3,200 installs)

- **Domain**: mobile
- **Tags**: mobile, react-native, mobile-development, json-to-ui
- **Page**: https://skills.yangsir.net/skill/daily-react-native
- **Markdown**: https://skills.yangsir.net/api/skill/daily-react-native/markdown

将JSON规范转换为React Native组件树，支持数据绑定、动态属性、可见性控制和交互事件

### oauth (3,000 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: oauth, portless, local-development, redirect-uri, devops
- **Page**: https://skills.yangsir.net/skill/gh-oauth
- **Markdown**: https://skills.yangsir.net/api/skill/gh-oauth/markdown

解决使用 Portless 进行本地开发时，OAuth 提供商（如 Google, Apple）因 `.localhost` 域名限制导致的重定向 URI 错误。通过配置 Portless 使用有效 TLD，确保 OAuth 登录顺畅，避免

### before-and-after (2,800 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: image-comparison, ui-components, frontend-development, javascript, css
- **Page**: https://skills.yangsir.net/skill/sm-before-and-after
- **Markdown**: https://skills.yangsir.net/api/skill/sm-before-and-after/markdown

用于处理前后对比截图，提供关于包使用和代理行为的特定指导。，AI Agent Skill，提升工作效率和自动化能力

### konsistent-config (2,500 installs)

- **Domain**: ai-software-architecture-engineering
- **Tags**: code-quality, structural-conventions, static-analysis, typescript, configuration
- **Page**: https://skills.yangsir.net/skill/gh-konsistent-config
- **Markdown**: https://skills.yangsir.net/api/skill/gh-konsistent-config/markdown

该技能为项目创建并维护 konsistent.json，用来约束文件系统结构与 TypeScript 导入导出规范。它把代码库中的主流写法提炼成可校验的约定，并把违规项作为审计输出，帮助团队在持续迭代中守住目录结构与模块边界，防止约定被悄悄

### react-three-fiber (2,300 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: threejs, react, graphics, visualization, frontend
- **Page**: https://skills.yangsir.net/skill/daily-react-three-fiber
- **Markdown**: https://skills.yangsir.net/api/skill/daily-react-three-fiber/markdown

React Three Fiber 渲染器，提供 19 个内置 3D 组件，支持服务端渲染的 schema 定义

### opensrc (2,100 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: source-code, dependency, cli, cache, code-reading
- **Page**: https://skills.yangsir.net/skill/gh-opensrc
- **Markdown**: https://skills.yangsir.net/api/skill/gh-opensrc/markdown

此技能通过 opensrc 命令快速获取并缓存 npm/PyPI/crates.io 包或 GitHub 仓库的源代码，使 AI 智能体能够直接阅读依赖实现细节，而不仅限于类型与文档。适合调试库的意外行为、验证边界情况、学习知名项目的内部设

### vgpu (1,600 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: vgpu, documentation, cli, versioning, migration
- **Page**: https://skills.yangsir.net/skill/gh-vgpu
- **Markdown**: https://skills.yangsir.net/api/skill/gh-vgpu/markdown

该 Skill 让 Agent 通过项目本地安装的 vgpu CLI 查询与锁定版本一致的捆绑文档，而不是凭记忆、仓库默认分支或托管站点推断 API。适用于依赖升级、迁移指南查阅以及避免版本错配写出幻觉接口的场景，确保改代码前先读到正确的指

### native-sdk (1,500 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: native-sdk, desktop-app, typescript, cli, automation
- **Page**: https://skills.yangsir.net/skill/gh-native-sdk
- **Markdown**: https://skills.yangsir.net/api/skill/gh-native-sdk/markdown

此技能为构建原生桌面应用提供完整指引：基于 TypeScript 与声明式 Native 标记编写应用，编译为无 JS 运行时的原生二进制；支持 Zig 核心与 WebView 嵌入，内置自动化服务器，可完成脚手架、UI 编写、桥接命令、打

### deployments-cicd (1,200 installs)

- **Domain**: ai-ci-cd-deployment
- **Tags**: vercel, deployment, ci/cd, rollback, preview-deployment
- **Page**: https://skills.yangsir.net/skill/gh-deployments-cicd
- **Markdown**: https://skills.yangsir.net/api/skill/gh-deployments-cicd/markdown

此技能提供 Vercel 部署与 CI/CD 专家指导，涵盖预览部署、生产部署、本地构建、快速回滚及与 GitHub Actions/GitLab CI/Bitbucket Pipelines 集成。帮助团队实现一键自动化部署和即时回滚，提

### ink (1,200 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: ink, api, backend, server, automation
- **Page**: https://skills.yangsir.net/skill/daily-ink
- **Markdown**: https://skills.yangsir.net/api/skill/daily-ink/markdown

将 JSON 规范转换为交互式终端组件的渲染器，用于构建命令行界面

### vercel-functions (1,100 installs)

- **Domain**: ai-backend-engineering
- **Tags**: vercel, serverless, edge-functions, fluid-compute, streaming
- **Page**: https://skills.yangsir.net/skill/gh-vercel-functions
- **Markdown**: https://skills.yangsir.net/api/skill/gh-vercel-functions/markdown

此技能提供 Vercel Functions 专家指导，涵盖 Serverless Functions、Edge Functions、Fluid Compute、Streaming、Cron Jobs 和运行时配置。适用于配置、调试或优化在

### ai-gateway (1,100 installs)

- **Domain**: ai-backend-engineering
- **Tags**: vercel, ai-gateway, model-routing, failover, cost-tracking
- **Page**: https://skills.yangsir.net/skill/gh-ai-gateway
- **Markdown**: https://skills.yangsir.net/api/skill/gh-ai-gateway/markdown

此技能为Vercel AI Gateway提供专家指导，用于配置模型路由、供应商故障转移、成本跟踪和通过统一API管理多个AI提供商。它简化了多模型调用，确保高可用性和可观测性，同时降低开发复杂度。

### vercel-agent (1,100 installs)

- **Domain**: ai-code-generation-quality
- **Tags**: code-review, incident-investigation, security, ai-development-tools
- **Page**: https://skills.yangsir.net/skill/gh-vercel-agent
- **Markdown**: https://skills.yangsir.net/api/skill/gh-vercel-agent/markdown

Vercel Agent 是 AI 驱动的代码审查和事故调查工具，自动分析 PR 中的安全漏洞和性能问题，提供根因分析，并支持自动安装 SDK，提升开发效率和代码质量。

### env-vars (1,100 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: vercel, env-vars, environment-variables, cli, oidc
- **Page**: https://skills.yangsir.net/skill/gh-env-vars
- **Markdown**: https://skills.yangsir.net/api/skill/gh-env-vars/markdown

此技能能够指导用户高效管理Vercel项目中的环境变量，包括.env文件层级、vercel env CLI命令、OIDC令牌生命周期等。适用于新项目初始化、本地开发环境搭建以及生产部署中的环境配置场景，帮助开发者避免敏感信息泄露并确保环境一

### turbopack (1,100 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: turbopack, nextjs, bundler, hmr, rust
- **Page**: https://skills.yangsir.net/skill/gh-turbopack
- **Markdown**: https://skills.yangsir.net/api/skill/gh-turbopack/markdown

此技能提供Turbopack（Vercel开发的Rust + TypeScript 打包工具）的专家级指导。它能帮助用户配置Next.js 16的打包器、优化热模块替换（HMR）、调试构建问题、理解Turbopack与Webpack的差异，

### routing-middleware (1,100 installs)

- **Domain**: cloud-infra
- **Tags**: vercel-middleware, request-interception, edge-computing, serverless, routing
- **Page**: https://skills.yangsir.net/skill/gh-routing-middleware
- **Markdown**: https://skills.yangsir.net/api/skill/gh-routing-middleware/markdown

此技能用于在Vercel平台上的请求到达缓存之前进行拦截和处理，支持重写、重定向、A/B测试、地理位置路由等场景。开发者可编写middleware.ts实现自定义请求逻辑，适用于任何框架。

### vercel-storage (1,100 installs)

- **Domain**: cloud-infra
- **Tags**: vercel-storage, blob, edge-config, neon-postgres, serverless
- **Page**: https://skills.yangsir.net/skill/gh-vercel-storage
- **Markdown**: https://skills.yangsir.net/api/skill/gh-vercel-storage/markdown

此技能提供Vercel存储选项的专家指导，涵盖Vercel Blob、Edge Config以及Neon Postgres等市场存储产品。帮助用户选择合适的存储方案、配置和使用，提高应用性能和开发效率。

### auth (1,000 installs)

- **Domain**: ai-backend-engineering
- **Tags**: authentication, clerk, auth0, descope, nextjs
- **Page**: https://skills.yangsir.net/skill/gh-auth
- **Markdown**: https://skills.yangsir.net/api/skill/gh-auth/markdown

此技能为 Vercel 应用提供 Clerk、Descope、Auth0 等认证集成指导，涵盖 SDK 安装、中间件配置、路由保护、用户数据访问等，帮助开发者快速实现用户认证流程，避免手动查阅文档和配置错误，提升开发效率。

### verification (1,000 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: full-stack, verification, end-to-end, debugging, development
- **Page**: https://skills.yangsir.net/skill/gh-verification
- **Markdown**: https://skills.yangsir.net/api/skill/gh-verification/markdown

此技能能推断用户正在构建的全栈功能，并端到端验证浏览器、API、数据、响应各层的正确性。在开发服务器启动或用户遇到问题时触发，快速定位断连边界，减少手动调试时间。

### marketplace (1,000 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: marketplace, integration-management, vercel-cli, devtools, provisioning
- **Page**: https://skills.yangsir.net/skill/gh-marketplace
- **Markdown**: https://skills.yangsir.net/api/skill/gh-marketplace/markdown

此技能帮助开发者快速发现、安装和管理 Vercel 平台上的第三方集成。通过分类、发现、安装的标准化流程，开发者无需手动搜索文档或 SDK，即可一键集成电商、支付、监控等服务，大幅减少前期调研和配置时间。

### bootstrap (1,000 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: vercel, bootstrap, project-setup, environment-configuration, cli-automation
- **Page**: https://skills.yangsir.net/skill/gh-bootstrap
- **Markdown**: https://skills.yangsir.net/api/skill/gh-bootstrap/markdown

此技能能自动编排 Vercel 项目的初始化流程，包括项目链接、环境变量配置、数据库资源部署等。它确保以正确的顺序执行任务，避免因顺序错误导致故障，大幅提升项目设置效率，适用于依赖 Vercel 资源的仓库初始化和修复。

### runtime-cache (1,000 installs)

- **Domain**: cloud-infra
- **Tags**: vercel, cache, serverless, key-value, invalidation
- **Page**: https://skills.yangsir.net/skill/gh-runtime-cache
- **Markdown**: https://skills.yangsir.net/api/skill/gh-runtime-cache/markdown

此技能指导使用 Vercel Runtime Cache API，实现跨函数、中间件和构建的临时区域键值缓存，支持基于标签的精确失效。适合需要超越框架级缓存的场景，显著降低响应时间并提升数据一致性。

### create-remotion-geist (484 installs)

- **Domain**: multimedia
- **Tags**: remotion, video-editing, react, motion-graphics, vercel-geist
- **Page**: https://skills.yangsir.net/skill/sm-create-remotion-geist
- **Markdown**: https://skills.yangsir.net/api/skill/sm-create-remotion-geist/markdown

运用Geist设计系统的美学原则，创建高质量的Remotion视频。此技能专注于将设计美学融入视频制作流程。

### json-render-react (412 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: json-rendering, react, ui-components, data-visualization, frontend-development
- **Page**: https://skills.yangsir.net/skill/sm-json-render-react
- **Markdown**: https://skills.yangsir.net/api/skill/sm-json-render-react/markdown

一个React渲染器，能将JSON规范数据转换为可交互的React组件树，实现动态界面渲染。

### json-render-core (356 installs)

- **Domain**: ai-backend-engineering
- **Tags**: json-processing, data-serialization, api-responses, backend-development, vercel
- **Page**: https://skills.yangsir.net/skill/sm-json-render-core
- **Markdown**: https://skills.yangsir.net/api/skill/sm-json-render-core/markdown

提供JSON渲染的核心功能，包括Schema定义、目录创建和规范流处理，用于构建动态内容和组件。

---
*Source: https://skills.yangsir.net/authors/vercel-labs*
*Markdown mirror: https://skills.yangsir.net/api/author/vercel-labs/markdown*