JSON Schema Preview

👁

Live Preview

Renders your JSON or YAML schema as human-readable documentation the moment you save. Debounced live-update mode refreshes as you type. Download the output as HTML or Markdown.

✅

Instant Validation

Validates any JSON, YAML, or TOML data file against its bound schema using AJV. Errors appear inline in the Problems panel with precise line and column locations.

✏️

Visual Editor

Edit the most common JSON Schema keywords through a structured form — no raw JSON needed. Saves back to the source file automatically.

🔗

Schema Binding

Bind any JSON, YAML, or TOML data file to a schema and track it in the status bar. Bindings are stored in VS Code settings (workspace folder or user scope), or inline via $schema.

🪄

Schema Inference

Generate a JSON Schema from an existing data file with one command. Supports JSON, JSONC, JSONL, YAML, and TOML. A great starting point when adopting schema-first workflows.

🔒

Private Schema Auth

Fetch schemas behind GitHub OAuth, Bearer tokens, or Basic auth. Cache them locally so VS Code's language server reads them too — no more red squiggles.

🛡️

Workspace Trust Aware

The Python-based preview is disabled in untrusted workspaces. Validation, binding, and inference continue to work in Restricted Mode.

⚙️

Configurable Rendering

Choose from multiple json-schema-for-humans templates (flat, JS, Markdown, RST, HTML). Config lives in .json-schema-preview-config.json committed alongside your project, or in the jsonschema.config VS Code setting.

🧪

Schema Tests

Pin the documents a schema must accept and must reject in a *.schema.test.json file. Runs in the editor, in the workspace sweep, and headlessly in CI — so a schema change that starts accepting garbage fails a test instead of reaching production.

🧰

Schema Refactorings

Extract a subschema to $defs, inline a $ref, rename a definition across every reference, find all references, and delete definitions nothing reaches. Each one refuses rather than guessing when it cannot preserve meaning.

🧭

Schema-aware Outline

The Outline view, breadcrumbs and Go-to-Symbol show the schema's shape — a property, its type, whether it is required — instead of a chain of "properties" nodes.

🤖

Tools for AI Agents

The deterministic engines exposed as language model tools in VS Code and over MCP via "jstk mcp", so an agent checks whether a change is breaking instead of guessing. Optional, opt-in AI drafting is verified against those same engines before anything is offered.

JSON Schema PreviewVisualise, validate & edit schemas in VS Code