DEV Community

Cover image for Make code tutorials in seconds with explanations from AI.
Ianeta Hutchinson
Ianeta Hutchinson

Posted on

7 4

Make code tutorials in seconds with explanations from AI.

We're using explanations from ExplainDev to help you make and share beautiful, useful images that explain code.

app.explain.dev is an image creation tool that uses ExplainDev to provide explanations to the code that's entered. Users bring their own code, then have full rein on customizations.

Here I am making the image used in the banner:

How it works:

  • Head to app.explain.dev and start typing your code into the box provided. (You can choose the language in the side-bar for improved syntax highlighting, etc.)
  • As soon as you stop typing, an explanation will appear at the top of the image.
  • All elements in the image are editable including the text that was generated by AI. Resize and/or drag the snippet to wherever you'd like it placed.
  • Select portions of the code to get specific explanations for what you have selected. Click the "explain code" button to generate the new explanation.
  • Use the side bar to customize text, background, arrow positioning/style/color, and more!
  • Add any additional code or text boxes using the options at the top banner.

Download the image and SHARE!!

The technology behind the images is ExplainDev, an AI powered programmer's assistant. You can think of it as an expert that's always available to answer your technical questions and explain code. This nifty app idea came while working on our API in preparation for a big move to VS Code.

Content that is useful and teaches me stuff is the best kind of content. So we decided to try and enable more of it. I hope that this tool might also unlock some folks who don't share much about their new programming discoveries to go for it!

Let me know what you think! Or better, tag me in your creations!!

Heroku

Deploy with ease. Manage efficiently. Scale faster.

Leave the infrastructure headaches to us, while you focus on pushing boundaries, realizing your vision, and making a lasting impression on your users.

Get Started

Top comments (1)

Collapse
 
omrisama profile image
Omri Gabay

Neat little utility :)

Jetbrains image

Is Your CI/CD Server a Prime Target for Attack?

57% of organizations have suffered from a security incident related to DevOps toolchain exposures. It makes sense—CI/CD servers have access to source code, a highly valuable asset. Is yours secure? Check out nine practical tips to protect your CI/CD.

Learn more

👋 Kindness is contagious

Dive into this insightful write-up, celebrated within the collaborative DEV Community. Developers at any stage are invited to contribute and elevate our shared skills.

A simple "thank you" can boost someone’s spirits—leave your kudos in the comments!

On DEV, exchanging ideas fuels progress and deepens our connections. If this post helped you, a brief note of thanks goes a long way.

Okay