Summary
This is the React renderer for the json-render library that turns JSON specifications into live React component trees. You define a catalog with Zod schemas for props validation, wire up your actual React components, and then render JSON specs that reference them. It includes two-way state binding with `$bindState`, conditional rendering based on state paths, an event system that maps component events to actions, and built-in form validation. The `useBoundProp` hook handles the state sync for form inputs cleanly. Honestly most useful if you're building UI builders, design tools, or letting AI generate interfaces, since you're trading some developer ergonomics for the ability to serialize and dynamically render component trees. The type safety from catalog to components is solid though.
Install to Claude Code
npx -y skills add vercel-labs/json-render --skill json-render-react --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
