@json-render/core

Core library for defining JSON schemas, component catalogs, and streaming spec utilities used to generate structured UI/UX JSON from AI.

triggers:defineSchemadefineCatalogspecstreamjson schemaresolvePropValuevalidateSpecautoFixSpec

GitHub SKILL.md

What it does

@json-render/core provides the foundational schema and catalog primitives for building and validating JSON ‘specs’ that describe UI components and actions. It includes utilities to define schemas, create catalogs of components, resolve dynamic prop expressions, stream incremental JSON patches (SpecStream), and validate or auto-fix specs. The package is aimed at systems where AI generates structured UI or app specs that must be validated, merged, and applied incrementally.

When to use it

Use this skill when you need to: generate structured JSON UI specs from an LLM, enforce a schema for AI outputs, stream incremental spec patches, or map named components to typed prop definitions. Common scenarios: AI-driven UI builders, generative design systems, interactive chat editors that output JSON, and any workflow that merges or patches AI-produced JSON.

What's included

Scripts: none in the SKILL.md (has_scripts=false)
References: none attached (has_references=false)
Instructions: The SKILL.md documents schema definition (defineSchema), catalog creation (defineCatalog), spec streaming utilities (SpecStream/SpecStreamCompiler), dynamic prop expression formats ($state, $bindState, $template, $computed), validation helpers, and visibility/watch patterns. It explains validation/auto-fix workflows and examples for resolving props and streaming JSONL patches.

Compatible agents

Best used by developer-focused agents with code execution capability: Copilot/Codex-style agents, Claude Code, and tool-enabled LLMs that can produce and validate JSON snippets. The repo and README suggest integration into frameworks that orchestrate AI prompts and JSON output.

Not yet audited

This skill has not been reviewed by our automated audit pipeline yet.

Information

Repository: json-render
Stars: 15,517
Installs: 0

More from json-render

@json-render/vue

Vue 3 renderer that converts JSON UI specs into Vue components with data binding, visibility rules, and actions—useful for rendering AI-generated UI specs progr

Related Skills

FastAPI Project Templates

Creates production-ready FastAPI project scaffolds with async patterns, DI, middleware, and testing best practices for high-performance APIs.

GraphQL Inspector — Validate

Validate GraphQL operations against a schema with configurable depth, complexity, alias and directive limits to catch errors before runtime.

Alpha Forge Pre-Ship Quality Gates

Pre-merge quality gates for PRs that validate RNG determinism, forked URLs, runtime parameter ranges, and manifest synchronization to reduce review cycles.

JJ Hunk

Programmatic hunk selection for Jujutsu (jj): list, split, commit, or squash specific hunks to enable partial commits and fine-grained history editing without a

Codex Collab

Bridge Claude and Codex to run tasks, perform code reviews, and run background jobs for research or implementation workflows.

Cursor Hello World Tutorial

A concise 10-minute hands-on tutorial demonstrating Cursor's Tab completion, Chat, Inline Edit, and Composer features for getting started quickly.

Evolve — Goal-Driven Improvement Loop

Autonomous improvement loop that selects high-value work, runs a full research-plan-implement (/rpi) cycle, validates changes, and repeats to compound repo impr

Code Spec Backfill

Identify missing function-level contracts and backfill docstrings and type annotations; report ambiguous gaps with misuse scenarios. Incremental, state-driven w

Back to Skills