react 是做什麼的？
React 渲染器，用於 json-render，可將 JSON 規格轉換為 React 元件。使用時機：搭配 @json-render/react、從 JSON 建立 React 使用者介面、建立元件目錄，或渲染 AI 生成的規格。
用於將 JSON 規格轉換為 React 元件的渲染器，特別適用於 @json-render/react、從 JSON 建立 React 介面、建立元件目錄，或渲染 AI 生成的規格。
vercel-labs/react 是 json-render 的 React 渲染器，能將結構化的 JSON 規格直接轉換成可運行的 React 元件。此技能對開發者極為實用，因為它簡化了從動態資料或 AI 生成內容建立 UI 的流程，無需手動撰寫大量元件程式碼。它支援在 @json-render/react 生態系中使用，適用場景包括建立可重複使用的元件目錄、處理動態版面配置，以及將 LLM 或其他 AI 系統輸出的 JSON 結構即時渲染成使用者介面。透過將 UI 規格與實作分離，此技能幫助團隊加速原型開發並維持程式碼一致性。
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/reactInstalled? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
React 渲染器，用於 json-render，可將 JSON 規格轉換為 React 元件。使用時機：搭配 @json-render/react、從 JSON 建立 React 使用者介面、建立元件目錄，或渲染 AI 生成的規格。
This repo contains 7 individual skills — each has its own dedicated page.
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.
React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs from JSON, creating mobile component catalogs, or rendering AI-generated specs on mobile.
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.
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.
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.
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.
Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.