| name | json-visualization-dev |
| description | Develop and maintain the JSON Visualization web application - a Next.js tool for visualizing JSON/YAML/CSV/XML data as interactive graphs. Use when working with this codebase, adding features, fixing bugs, or understanding the graph visualization, data conversion, or type generation systems. |
| license | See LICENSE.md in project root |
| compatibility | Requires Node.js >=24.x, pnpm package manager |
| metadata | {"author":"json-visualization","version":"1.0","tech-stack":"Next.js, React 19, TypeScript, Zustand, Styled-components, Mantine v8"} |
JSON Visualization Development Skill
This skill helps you work with the JSON Visualization codebase - an open-source web application for visualizing and manipulating JSON data.
When to use this skill
- Adding new features to the editor, graph visualization, or converters
- Fixing bugs in data parsing, rendering, or state management
- Understanding the codebase architecture and data flow
- Creating new data format converters or type generators
- Modifying UI components or styling
Project overview
What it does: Converts JSON, YAML, CSV, XML, TOML into interactive graphs/trees with features like format conversion, validation, code generation, and image export.
