Super JSON Editor

Built for agents, designed for humans. Present JSON results to humans via an interactive browser viewer instead of dumping raw JSON in a terminal.

Agent URL API

Construct a URL to open JSON directly in the editor. No server upload — all data is encoded in the URL (client-side only).

URL Parameters

Parameter	Encoding	Description
r	Base64url	JSON content, base64url-encoded. Shell-friendly, no dependencies needed.
s	LZ-String	JSON content, LZ-String compressed (used by the app's built-in Share button, smaller URLs).
t	URL-encoded string	Custom tab name displayed in the editor.
h	1 to enable	Auto-switch to Hero mode (JSON Hero interactive viewer with tree navigation, type info, search).

Quick Start (Shell)

# Inline JSON
encoded=$(echo -n '{"hello":"world"}' | base64 | tr '+/' '-_' | tr -d '=\n')
echo "https://hrhrng.github.io/super-json?r=${encoded}&t=My%20Data"

# From a file
encoded=$(base64 < data.json | tr '+/' '-_' | tr -d '=\n')
echo "https://hrhrng.github.io/super-json?r=${encoded}&t=File%20Data"

# With Hero mode (interactive tree viewer)
echo "https://hrhrng.github.io/super-json?r=${encoded}&t=My%20Data&h=1"

Features

• Multi-layer JSON parsing — handles deeply nested escaped JSON strings
• Multi-document tabs — work with multiple JSON documents simultaneously
• Bidirectional sync — real-time synchronization between parent and child layers
• Hero mode — JSON Hero interactive viewer with tree navigation, type info, and search
• Diff mode — side-by-side JSON comparison
• Auto-save — automatic persistence to localStorage
• Monaco Editor — VS Code's editor with syntax highlighting and validation

For AI Agents

If you are an AI agent and want to present JSON to a human user:

1. Take the JSON content you want to display
2. Base64url-encode it: base64 | tr '+/' '-_' | tr -d '='
3. Construct the URL: https://hrhrng.github.io/super-json?r={encoded}&t={tab_name}
4. Present the link to the user — they will see the JSON in a full interactive editor

The URL is entirely client-side. No data is sent to any server (unless Hero mode h=1 is used, which sends to jsonhero.io).

For very large JSON (>6KB encoded), the URL may exceed browser limits. Consider splitting the data or using the app directly.

Claude Code Skill

Install the present-json skill to use Super JSON directly from Claude Code:

claude install-skill https://github.com/hrhrng/super-json/tree/main/skills/present-json

Then use /present-json [json-or-file] [tab-name] to present JSON to users interactively.