fkling/astexplorer ? reverse-engineered prompt

Reverse engineered prompt

Build me a web app like AST Explorer, where I can paste or drag in code and instantly see the abstract syntax tree it generates.

I want a clean split view with an editor on one side and a tree or JSON style AST viewer on the other, and I should be able to switch between different parsers for things like JavaScript, TypeScript, CSS, HTML, GraphQL, JSON, Markdown, and a few others. When I move the cursor or click a node, it should highlight the matching part of the source code, and clicking around the tree should expand nested nodes nicely. It should also let me save or share a snippet with a URL, and if I drop in an AST file it should try to turn it back into code when possible.

Keep it polished and easy to use, and if you need current docs for any parser library, look them up online.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab