New AI-powered DevTools
Announcing Our New AI-Powered DevTools Website!
A few days ago, we launched the new version of our website, and we couldn't be more excited!
While there might still be a few bugs to iron out, this new version allows us to move forward much faster. We’ve rebuilt everything from scratch using NextJS, TailwindCSS, and Mantine.
But that's not all—we've integrated some cool AI features into our most popular DevTools.
Now, with the help of AI (powered by OpenAI), you can generate MermaidJS diagrams, Graphviz diagrams, JQ queries, Regex patterns, and more.
Why AI-Powered DevTools?
Expression languages and domain-specific languages (DSLs) are powerful but often tricky to remember. For example, I frequently forget which character signifies the beginning of a line in regex or how to parse a datetime in JQ.
While you could ask ChatGPT directly for help with writing regex, our website takes it a step further by combining:
- Prompt generation that asks you for structured context.
- Integrated playgrounds where you can immediately try out the suggestions.
See the examples below:
Using JQ to Extract Information from JSON
When you click the "Ask AI" button, the UI highlights the parts where you need to provide:
- Extra context
- Input JSON
- Expected output
Check out the screenshot example.
After the AI generates the prompt, we prefill the answer into the JQ playground so you can immediately see the result.
Generate MermaidJS Diagrams
When you click the "Ask AI" button, the UI will prompt you to provide some context.
After the AI generates the prompt, we prefill the answer into the MermaidJS playground so you can immediately see the result.
We hope you enjoy these new features and find them as useful as we do. Happy coding!
Write Regular Expressions
When you click the "Ask AI" button, the UI will prompt you to provide input text and some context.
After the AI generates the prompt, we prefill the answer into the Regex playground so you can immediately see the result.
Generate Graphviz Diagrams
When you click the "Ask AI" button, the UI will prompt you to provide some context.
After the AI generates the prompt, we prefill the answer into the Graphviz playground so you can immediately see the result.
