preview-json
Preview JSON Skill
Interactive JSON/JSONL viewer that generates HTML visualizations with syntax highlighting, collapsible tree structure, and search functionality.
Agent Usage
When the user asks to preview a JSON or JSONL file, DO NOT build HTML manually. Use the Bash tool to execute this skill's run.sh script:
# Preview a JSON file
./run.sh data.json
# Preview a JSONL file
./run.sh logs.jsonl
# Pipe content
cat data.json | ./run.sh
More from veelenga/preview-skills
preview-leaflet
Create interactive maps with markers, routes, and geographic data using Leaflet
40preview-mermaid
Render and preview Mermaid diagrams in browser with support for flowcharts, sequence diagrams, class diagrams, and more
2preview-markdown
Render and preview Markdown files in browser with GitHub-flavored formatting and syntax highlighting
2preview-diff
Git diff preview tool with GitHub-style formatting and interactive features
2preview-csv
Render and preview CSV files in browser with interactive sorting, filtering, and column statistics
2preview-plan
Render implementation plans as navigable HTML with sidebar TOC and progress tracking. Activate automatically when producing or previewing implementation plans, design docs, architecture proposals, migration plans, or any long-form structured plan.
2