🎯

json-render-react

🎯Skill

from vercel-labs/json-render

Installation

Vibe Index InstallInstalls to .claude/skills/

$npx vibeindex add vercel-labs/json-render --skill json-render-react

skills.sh Install⚠ Installs to .agents/skills/

$npx skills add vercel-labs/json-render --skill json-render-react

Manual InstallCopy SKILL.md content and save to the path below

path

~/.claude/skills/json-render-react/SKILL.md

What it does

A React renderer from Vercel Labs that converts JSON specs into React component trees, with type-safe catalog definitions using Zod schemas, visibility conditions, and support for AI-generated UI specs.

📦

Same repository

vercel-labs/json-render(33 items)

json-render-react

SKILL.md

412Installs

AddedFeb 6, 2026

View on GitHub Back to Skills

More from this repository10

🎯

react🎯Skill

A Generative UI framework that lets AI generate dynamic, personalized interfaces from natural language prompts using predefined component catalogs. Supports React, Vue, Svelte, Solid, React Native, and more, with 36 pre-built shadcn/ui components and guardrailed JSON output.

🎯

core🎯Skill

The core engine of the json-render Generative UI framework that enables AI to generate dynamic interfaces from natural language prompts constrained to predefined component catalogs. Provides guardrailed, predictable JSON output with cross-platform support for React, Vue, Svelte, Solid, and React Native.

🎯

codegen🎯Skill

A skill for json-render, a Generative UI framework that lets AI generate dynamic, personalized interfaces from natural language prompts. Supports React, Vue, Svelte, Solid, React Native, and more, with guardrailed component catalogs ensuring predictable, schema-valid output.

🎯

next🎯Skill

Generative UI framework where AI generates dynamic, personalized interfaces from prompts using predefined component catalogs. Cross-platform support for React, Vue, Svelte, Solid, React Native, Remotion, and more with 36 pre-built shadcn/ui components.

🎯

devtools🎯Skill

A json-render developer tools skill that provides AI agents with expertise in building generative UI applications using the framework that generates dynamic, personalized UIs from prompts with predefined components and actions.

🎯

mcp🎯Skill

An MCP integration for json-render that serves interactive UIs as MCP Apps inside Claude, ChatGPT, Cursor, and VS Code. Creates an MCP server with a render-ui tool using React hooks and bundled HTML resources via Vite.

🎯

directives🎯Skill

Pre-built custom directives for the json-render library, providing formatting ($format), math ($math), string manipulation ($concat, $truncate, $join), counting ($count), pluralization ($pluralize), and i18n ($t) capabilities for JSON-based UI specs.

🎯

react-native🎯Skill

A Generative UI framework that lets AI generate dynamic, personalized interfaces from prompts using predefined component catalogs. Supports React, React Native, Vue, Svelte, SolidJS, Remotion (video), React PDF, React Email, and terminal UIs with guardrailed, schema-validated JSON output.

🎯

shadcn🎯Skill

Pre-built shadcn/ui component definitions and React implementations for the json-render generative UI framework, providing 36 components built on Radix UI and Tailwind CSS for rendering AI-generated interfaces.

🎯

react-pdf🎯Skill

Provides a json-render skill for generating PDF documents from AI prompts, using the @json-render/react-pdf package within the Generative UI framework that converts natural language into guardrailed, schema-validated component output.