Community程式設計與開發github.com

vercel-labs/react-native

適用於 json-render 的 React Native 渲染器,可將 JSON 規範轉換為原生行動 UI。在處理 @json-render/react-native、從 JSON 建構 React Native UI、建立行動元件目錄,或在行動裝置上渲染 AI 生成的規範時使用。

react-native 是什麼?

這是 vercel-labs 開發的 React Native 渲染器,專為 json-render 生態系設計。它能將 JSON 格式的結構化規範直接轉換為原生的 React Native 行動 UI,讓開發者無需手寫繁複的 JSX 程式碼。此技能特別適合需要在行動裝置上動態渲染 AI 生成介面、快速建立 UI 原型、或維護行動元件目錄的場景。它支援 json-render 的標準 JSON 協議,可與 @json-render/react-native 函式庫無縫整合。透過這項工具,來自 LLM 或其他系統的 JSON 介面描述可即時對應至 Android 與 iOS 的原生元件,大幅提升行動開發效率與自動化能力。

相容平台~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.

相關技能