Community程式設計與開發github.com

vercel-labs/react-three-fiber

適用於 json-render 的 React Three Fiber 3D 渲染器。用於搭配 @json-render/react-three-fiber 工作、從 JSON 規格建構 3D 場景、渲染網格/光源/模型/環境,或將 Three.js 整合至 json-render 目錄。

react-three-fiber 是什麼?

vercel-labs/react-three-fiber 是一個專為 json-render 設計的 React Three Fiber 3D 渲染器技能。它讓開發者能夠透過 JSON 規格定義並渲染 3D 場景,涵蓋網格 (mesh)、光源 (light)、模型 (model) 與環境 (environment) 等元件。此技能支援將 Three.js 的強大功能無縫整合至 json-render 的目錄系統中,從而實現動態、可組合的 3D 內容創建。對於需要在 React 應用中利用 JSON 結構化資料驅動 3D 視覺化的開發者而言,這個技能尤其有用,能夠大幅簡化從設計到實作的流程。主要支援 @json-render/react-three-fiber 相關的生態系。

相容平台~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/react-three-fiber

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

react-three-fiber 是做什麼的?

適用於 json-render 的 React Three Fiber 3D 渲染器。用於搭配 @json-render/react-three-fiber 工作、從 JSON 規格建構 3D 場景、渲染網格/光源/模型/環境,或將 Three.js 整合至 json-render 目錄。

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-native

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.

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

相關技能