Turns JSON specifications into complete Next.js applications with routing, layouts, and server-side rendering. You define your app structure as a JSON object with routes, layouts, and metadata, then wire up a catch-all route file and you're running. It handles SSR automatically, includes server-side data loaders, and comes with built-in components like Link and Slot for layout composition. The approach feels a bit like old-school template engines meet modern React, which is either perfect for AI-generated apps or too much abstraction depending on your tolerance for indirection. If you're building tools that generate multi-page sites programmatically, this gives you the full Next.js stack without writing individual page components.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 5
skills.sh installs: 8.6K
GitHub stars: 19.5K
last updated: Aug 21, 2026

View on GitHub

Install

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

Installs into .claude/skills of the current project.

Files

@json-render/next

Next.js renderer that converts JSON specs into full Next.js applications with routes, pages, layouts, metadata, and SSR support.

Quick Start

npm install @json-render/core @json-render/react @json-render/next

1. Define Your Spec

// lib/spec.ts
import type { NextAppSpec } from "@json-render/next";

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly

Agent CaffeineSponsoredClose your lid, come back to finished work

SnugSponsoredThe clipboard manager for the AI era Promote your product hereReach 125k+ visitors monthly

WaxSponsoredBlock anything with supervision, without erasing your iPhone Promote your product hereReach 125k+ visitors monthly

knobsSponsoredSee your site on any phone, any day, in any language

Details

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

Next