image
๐ฏSkillfrom vercel-labs/json-render
Installation
npx vibeindex add vercel-labs/json-render --skill imagenpx skills add vercel-labs/json-render --skill image~/.claude/skills/image/SKILL.md
|A skill for @json-render/image that converts JSON specs into SVG and PNG images using Satori. Supports standard and custom components for OG images, social cards, and AI-generated image specs.
Same repository
vercel-labs/json-render(33 items)
SKILL.md
More from this repository10
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.