Summary
This is a json-render adapter that lets you build Three.js scenes declaratively from JSON specs instead of writing React Three Fiber code directly. You get 19 components out of the box (primitives like Box and Sphere, lighting, GLTF models, environments, controls) and can cherry-pick just what you need for your catalog. The split between catalog definitions and implementations is clever if you're doing server-side work, since the schema package has no R3F dependency. Honestly most useful if you're already invested in the json-render ecosystem and need 3D, otherwise you're adding abstraction layers on top of R3F that might just get in the way.
Install to Claude Code
npx -y skills add vercel-labs/json-render --skill react-three-fiber --agent claude-codeInstalls into .claude/skills of the current project.
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Give your AI agent a complete email layer—sending, inbound inboxes, and sandbox testing.
Get 4K emails/month free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Files
SKILL.md
Select a file.
Featured
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Give your AI agent a complete email layer—sending, inbound inboxes, and sandbox testing.
Get 4K emails/month free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
