AykutSarac/jsoncrack.com ? reverse-engineered prompt

Reverse engineered prompt

Hey, I want to build a web tool for developers to visualize data. Let's call it "JSON Crack." The core feature should be an editor where a user can paste in data—like JSON, YAML, XML, or even CSV—and see it instantly transformed into an interactive graph or tree diagram. The visualization should be easy to navigate, with zoom and pan controls.

Beyond just viewing the data, the app should have some utility features. Users should be able to convert their data between formats, like from XML to JSON. It should also format and validate the input to help them clean up messy data. I also want it to be able to generate code, like TypeScript interfaces or Go structs, based on the data structure. Finally, let's include a feature to export the visual graph as an image like a PNG or SVG.

For the tech stack, let's use Next.js and TypeScript. It's important that all data processing happens locally in the browser for user privacy.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab