🎯

json-render-image

🎯Skill

from vercel-labs/json-render

What it does

A skill for json-render, a generative UI framework that creates dynamic, personalized UIs from prompts using predefined components and actions for safe, predictable output. Supports React, React Native, Remotion, and PDF rendering.

📦

Same repository

vercel-labs/json-render(31 items)

json-render-image

Installation

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

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

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-image

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

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

SKILL.md

38Installs

AddedFeb 28, 2026

View on GitHub Back to Skills

More from this repository10

Skill

Skill

Skill

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.

🎯

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.

Skill

Skill

Skill