Generate declarative 3D scenes from JSON specifications using React Three Fiber components.
npx skills add https://github.com/hasna/render --skill react-three-fiber-hasna
Please help me install this Agent Skill. Skill: react-three-fiber Source: https://github.com/hasna/render/tree/main/skills/react-three-fiber Command: npx skills add https://github.com/hasna/render --skill react-three-fiber-hasna
This Skill eliminates the need to manually write boilerplate React Three Fiber code to render 3D scenes, letting you build interactive 3D UI elements declaratively from JSON specs within the json-render Generative UI framework.
Use the react-three-fiber skill to render a 3D scene with a blue box and ambient light from a provided JSON spec.
High-intent search queries and answers about installing and using this skill.
You can render 3D scenes from JSON specifications declaratively using React Three Fiber within the json-render Generative UI framework. This eliminates manual R3F boilerplate by mapping JSON specs to pre-built 3D components.
Yes, you can build interactive 3D product previews without manual boilerplate by defining your scene declaratively through JSON specs. The skill provides 19 ready-to-use components including primitives, lights, and controls.
Yes, the react-three-fiber skill integrates with the json-render Generative UI framework. It uses the standard json-render flat element format to ensure predictable, guardrailed output that mixes with 2D UI components.
You can extend the 3D component catalog by using the provided reusable Zod schemas for 3D component props, material definitions, and R3F renderer integration to add custom objects to your declarative JSON scenes.
Declarative 3D scene generation from JSON specifications is the process of defining 3D primitives, lights, and controls in a structured JSON format rather than writing imperative React Three Fiber code. This enables rapid scene development and predictable UI integration.
supersterlingRender JSON specifications as React component trees via a type-safe registry.
NITRR-OfficialIntegrate 3D models into web applications using Three.js and React Three Fiber.
hasnaProvide 36 Tailwind CSS-styled shadcn-svelte components for json-render catalogs.
Aurora-AIBridge React Three Fiber components with native Three.js for interactive 3D scenes.
