20cuts

Resources · By use case · 6 min read

Devtools explainer videos: how to explain a developer tool without setting off the marketing alarm

An explainer for a developer tool works when it behaves like documentation with better staging, and it fails when it behaves like an ad. If you build developer tools, you already skip vendor videos yourself, so you know the alarm from the inside.

A developer meets your video embedded in a README or a docs page, usually muted, while deciding in under a minute whether the tool deserves a deeper look. If it interests them, they open a terminal and check — and anything the video showed that the tool does not do becomes a filed issue with your video linked as the reproduction. No other audience tests a claim this fast, and no other audience shares this way either: a devtools video that teaches gets pasted into Slack threads and linked from other people's docs, while a bad one gets quoted sarcastically. The examples below follow a deploy tool that turns every pull request into a live preview environment.

The alarm has three triggers

Our rejected drafts kept tripping the same three.

Show the real tool, under stricter rules

Every product video should show the real product. The same-day verification loop makes three requirements stricter here:

A diagram beats a talking head here

For most developer tools, the thing being sold is invisible. The deploy tool's value is a scheduler, a build queue, a caching layer, a retry policy — none of it has a face. A person on camera can only describe an invisible mechanism. A diagram can run it.

When a queue visibly drains as workers light up, nobody has to say that workers consume the queue. Our clearest worked example teaches that a join step waits for all of its inputs: the build fires two branches together, lets the fast one finish, and holds the join visibly pending while the slow branch works. The script for that beat says "the viewer should feel the wait, not be told about it." A talking head cannot make you feel a wait.

That beat, running. Build and Tests finish early; the merge sits at 2/3, visibly pending, while Publish keeps working. Nothing is narrating this — you're feeling the wait, which is the whole argument.

A diagram also survives muted, embedded, scrubbed viewing. A talking-head video with the sound off is a silent person gesturing; a well-built diagram still shows the mechanism, because the picture was authored first and the words written to it afterward.

A face is useful in exactly one place: a 25-to-30-second intro, around seventy words, where a founder states what the video covers and hands off, without repeating a line the video itself says. One routing rule keeps "diagrammatic" from being overapplied: animate the concept, record the live tool. Architecture and concurrency get animated from real surfaces; the "run it and watch" beat is an actual screen capture, because animation pretending to be a live terminal session is the fake-UI failure with extra steps.

Where the video lives changes what it must do

PlacementViewer stateThe cut
READMEDeciding in seconds, muted, inline~60s, mechanism on screen immediately, final frame works as a poster
DocsAlready using the tool, stuck on a conceptCalm, one idea per video, ordered as a curriculum
LaunchMaximum traffic, maximum fact-checkersThe machine running end to end, intercut with live capture

The README's final frame sits in the page after playback ends, so build it as a poster. Open-source norms add their own layer, covered in open-source project videos. Docs series need a standing list of topics you will never animate — setup flows, reference tables — where a plain page does the job better; the breakdown is in documentation videos. At launch, the claims discipline holds double, because launch traffic carries the maximum density of people who will try to falsify the video within the hour; see Product Hunt launch videos.

What to realistically expect

Adoption happens in the terminal, not in the video. The video compresses the "what is this and why would I care" phase from ten minutes of doc-skimming into ninety seconds, and for a tool whose value is an invisible mechanism, that compression often decides whether a developer tries it or bounces.

Expect partial viewing, muted viewing, and judgment based on the first ten seconds and the most screenshot-able frame. Expect the audience to fact-check everything. A video that survives that fact-check is rare enough in this category that it reads as a statement about the team.

FAQ

Can't we just record a terminal session? For docs and proof beats, yes, and you should. But a recording only shows what is visible, and your tool's selling point is probably what happens between the command and the output. Record the session, animate the mechanism, intercut them.

Do we need narration if developers watch muted? Build the picture to carry the mechanism without sound, then add narration for the why: the naming, the caveats, the "when you'd reach for this."

How technical is too technical? Go deep enough that the tool's behavior becomes predictable, and stop before the internals lecture — unless the internals are the product, in which case that is your video. The test: does the detail change what the viewer would do with the tool? If not, it belongs in a docs page.

Should we mention competitors? Show your mechanism honestly and let viewers run the comparison themselves, because they will anyway, in a terminal, within the hour. Comparison claims age badly and invite rebuttal threads; a true demonstration is hard to argue with.

Your own tool is the fastest way to check any of this. Send the URL and pick from twenty short videos of it.

See the answer for your product instead of the average:

Get my 20 free videos