# json-render

The Generative UI framework. Generate dynamic, personalized UIs from prompts without sacrificing reliability. Predefined components and actions for safe, predictable output.

- Tier: Indexed (plain plugin)
- Category: Development
- Page: https://www.flowy.sh/listings/vercel-labs-json-render
- Source: https://github.com/vercel-labs/json-render
- Price: free and open source

## Summary
json-render is a Claude Code plugin with 26 hand-picked skills for development work, indexed on Flowy. Install it with the command on its page. It includes codegen, core, devtools. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

## Install (Claude Code)
```
npx -y skills add vercel-labs/json-render --agent claude-code
```

## Skills
- codegen
- core
- devtools
- directives
- image
- ink
- jotai
- mcp
- next
- react-email
- react-native
- react-pdf
- react-three-fiber
- react
- redux
- remotion-best-practices
- remotion
- shadcn-svelte
- shadcn
- skill-creator
- solid
- svelte
- vue
- xstate
- yaml
- zustand

## FAQ

### What is json-render?
The Generative UI framework. Generate dynamic, personalized UIs from prompts without sacrificing reliability. Predefined components and actions for safe, predictable output.

### How do I install json-render?
Run these in Claude Code: npx -y skills add vercel-labs/json-render --agent claude-code. Then prompt normally.

### Does json-render auto-invoke its skills?
Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

### Is json-render free?
Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.