vercel-labs avatar

Json Render Core

This is the foundation package for building AI-generated UIs from JSON specs. It gives you the primitives to define schemas, create component catalogs, and generate the system prompts that tell Claude how to output valid JSON. The real power is in the expression system: you get state binding, conditional rendering, computed props, and cross-field validation out of the box. If you're building a tool where Claude needs to generate UIs or structured interactions, this handles the schema layer and all the runtime resolution logic. It's framework agnostic and works with streaming JSONL output, so you can show progressive updates as Claude builds the spec.

skills.sh installs
340
GitHub stars
19.5K
last updated
Aug 21, 2026

Install

$ npx -y skills add vercel-labs/json-render --skill json-render-core --agent claude-code

Installs into .claude/skills of the current project.

Files

This is the foundation package for building AI-generated UIs from JSON specs. It gives you the primitives to define schemas, create component catalogs, and generate the system prompts that tell Claude how to output valid JSON. The real power is in the expression system: you get state binding, conditional rendering, computed props, and cross-field validation out of the box. If you're building a tool where Claude needs to generate UIs or structured interactions, this handles the schema layer and all the runtime resolution logic. It's framework agnostic and works with streaming JSONL output, so you can show progressive updates as Claude builds the spec.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/vercel-labs/json-render
Categories
AI & Agent Building, Cloud & Infrastructure
First seen
Jun 3, 2026

More from vercel-labs/json-render

All 31
1davila7 avatarclipdavila7/claude-code-templatesOpenAI's model connecting vision and language. Enables zero-shot image classification, image-text matching, and cross-modal retrieval. Trained on 400M image-tex334skills.sh installs
2davila7 avatarnemo-guardrailsdavila7/claude-code-templatesNVIDIA's runtime safety framework for LLM applications. Features jailbreak detection, input/output validation, fact-checking, hallucination detection, PII filte332skills.sh installs
3jezweb avatargoogle-gemini-file-searchjezweb/claude-skillsBuild document Q&A with Gemini File Search - fully managed RAG with automatic chunking, embeddings, and citations. Upload 100+ file formats, query with natural 328skills.sh installs
4jezweb avatarcloudflare-vectorizejezweb/claude-skillsBuild semantic search with Cloudflare Vectorize V2. Covers async mutations, 5M vectors/index, 31ms latency, returnMetadata enum changes, and V1 deprecation. Pre326skills.sh installs
5jezweb avatarsnowflake-platformjezweb/claude-skillsBuild on Snowflake's AI Data Cloud with snow CLI, Cortex AI (COMPLETE, SUMMARIZE, AI_FILTER), Native Apps, and Snowpark. Covers JWT auth, account identifiers, M326skills.sh installs
6bmad-code-org avatarbmad-checkpoint-previewbmad-code-org/bmad-methodLLM-assisted human-in-the-loop review. Make sense of a change, focus attention where it matters, test. Use when the user says "checkpoint", "human review", or "324skills.sh installs