🎯

json-render-shadcn

🎯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. Includes 36 pre-built shadcn/ui components with support for React, React Native, and Remotion video rendering.

📦

Same repository

vercel-labs/json-render(27 items)

json-render-shadcn

Installation

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

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

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

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

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

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

SKILL.md

151Installs

AddedFeb 17, 2026

View on GitHub Back to Skills

More from this repository10

🎯

json-render-react🎯Skill

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.

🎯

json-render-core🎯Skill

Core package for the json-render Generative UI framework, providing schema definition, catalog creation, AI prompt generation, and JSONL spec streaming for building guardrailed AI-generated interfaces.

🎯

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.

🎯

json-render-remotion🎯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.

🎯

json-render-react-native🎯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.

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.

Skill

Skill

Skill