React Three Fiber は何をしますか？
React Three Fiber をベースにしたjson-render用3Dレンダラー。@json-render/react-three-fiber を使用してJSON仕様から3Dシーンを構築したり、メッシュ・ライト・モデル・環境をレンダリングしたり、Three.js をjson-renderカタログと統合する際に利用します。
React Three Fiber をベースにしたjson-render用3Dレンダラー。@json-render/react-three-fiber を使用してJSON仕様から3Dシーンを構築したり、メッシュ・ライト・モデル・環境をレンダリングしたり、Three.js をjson-renderカタログと統合する際に利用します。
このスキルは、json-render フレームワーク上で React Three Fiber を用いた3Dシーンレンダリングを実現するためのものです。開発者は JSON 形式の仕様を記述するだけで、複雑な3Dシーン（メッシュ、ライト、3Dモデル、環境マップなど）を生成できます。主に @json-render/react-three-fiber パッケージと連携し、Three.js の強力な描画機能を json-render のカタログシステムと統合することで、プログラムによる3Dコンテンツの動的生成や再利用が容易になります。このスキルは、React エコシステム内で 3D ビジュアライゼーションやインタラクティブなシーンを構築する必要がある開発者や、json-render ベースのプロジェクトで Three.js の機能を活用したいユーザーに特に有用です。
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/react-three-fiberInstalled? Explore more コーディング＆開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
React Three Fiber をベースにしたjson-render用3Dレンダラー。@json-render/react-three-fiber を使用してJSON仕様から3Dシーンを構築したり、メッシュ・ライト・モデル・環境をレンダリングしたり、Three.js をjson-renderカタログと統合する際に利用します。
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 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.
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.
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.