🎯

react

🎯Skill

from vercel-labs/json-render

What it does

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.

📦

Same repository

vercel-labs/json-render(32 items)

react

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

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

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

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

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

~/.claude/skills/react/SKILL.md

SKILL.md

1,590Installs

AddedMar 7, 2026

View on GitHub Back to Skills

More from this repository10

🎯

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.

Skill

Provides a json-render skill for Zustand state management integration within the Generative UI framework, enabling AI-generated interfaces with guardrailed, schema-validated components across React, Vue, Svelte, and other platforms.

🎯

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.

🎯

react-three-fiber🎯Skill

Skill

🎯

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.

🎯

remotion🎯Skill

Skill

🎯

remotion-best-practices🎯Skill

A generative UI framework that lets AI generate dynamic, personalized interfaces from prompts using predefined component catalogs, with support for React, React Native, and Remotion.

🎯

ink🎯Skill

Generative UI framework skill from json-render that enables AI to generate dynamic, personalized interfaces from prompts using predefined components for safe, predictable output.

🎯

mcp🎯Skill

Skill