react-three-fiber은(는) 무엇을 하나요?
json-render용 React Three Fiber 3D 렌더러. @json-render/react-three-fiber로 작업하거나, JSON 명세에서 3D 장면을 구축하거나, 메시/조명/모델/환경을 렌더링하거나, Three.js를 json-render 카탈로그와 통합할 때 사용합니다.
json-render용 React Three Fiber 3D 렌더러. @json-render/react-three-fiber로 작업하거나, JSON 명세에서 3D 장면을 구축하거나, 메시/조명/모델/환경을 렌더링하거나, Three.js를 json-render 카탈로그와 통합할 때 사용합니다.
이 스킬은 json-render 환경에서 React Three Fiber(R3F)를 사용하여 3D 장면을 JSON 기반으로 렌더링할 수 있도록 해줍니다. 개발자는 JSON 명세를 통해 메시, 조명, 모델, 환경 등을 정의하고 Three.js 기능을 json-render 카탈로그와 통합할 수 있습니다. 주로 @json-render/react-three-fiber 패키지와 함께 사용되며, 복잡한 3D 씬을 코드 없이 선언적으로 구성할 수 있어 프로토타이핑 및 시각화 작업에 유용합니다. 이 스킬은 브라우저 기반 애플리케이션에서 동작하며, Vercel의 AI 에이전트 도구(예: Claude Code, Cursor, Codex)와 호환됩니다.
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 →
json-render용 React Three Fiber 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.