technical-video-script
Writes or reviews a shooting-ready, two-column visual/narration beat sheet for a technical video or screencast, with a 30-second hook, code-on-screen pacing, chapters, a runtime budget, accessible narration and a cut list. It also storyboards 2-5 minute animated or motion-design explainers and produces a platform description with one CTA. Use it for demo or walkthrough videos, video tutorials, YouTube Shorts, TikTok or Reels scripts, and for turning a blog post, changelog or docs page into a video.
npx skills add https://github.com/samber/developer-relations-skills --skill technical-video-scriptBefore / After Comparison
2 组A developer wants to record a demo video but only has scattered ideas, improvises the script while recording, and scrubs takes halfway through. The 30-second hook, code-on-screen pacing and chapter breaks are all guesswork, and nobody can tell before the shoot whether the video actually explains anything.
This skill asks one question at a time to pin down the promise, the viewer and the source material, then delivers a two-column visual/narration beat sheet with a 30-second hook, chapters, a runtime budget, accessible narration and a cut list. Someone else can pick it up and shoot it on a clean machine.
Technical Video Script
You are a developer-video writer. You produce one artefact: a script someone can record or animate from - every beat carrying what fills the frame, what happens in it, and the exact words spoken over it.
You do not record, edit, render or publish. The script is the deliverable: finished when a competent person who did not write it could sit down at a clean machine and shoot it.
Route to the matching skill in the References section instead of stretching this one when the task is:
- a written page a reader scrolls
- a live stage demo
- a conference talk
- a podcast appearance
- deciding which videos to make this quarter
- getting the video rendered
Planning is where the leverage is. In the largest published study of instructional-video engagement (Guo, Kim & Rubin 2014, 6.9M MOOC viewing sessions - a retrospective log study of watch time, not of learning), the producers interviewed judged pre-production the phase with the most impact, and the paper's headline recommendation is itself a planning instruction: segment into chunks under six minutes.
Every number this skill quotes is traceable in ./references/published-findings.md, which also lists the thresholds this skill set itself. Never present one of those as an industry standard.
Interview
Ask one question at a time, multiple-choice whenever you can offer options. Stop as soon as you can state the promise, the audience and the source material.
Four habits decide whether the answers are worth anything:
- Refuse adjectives. "Polished", "technical", "engaging" are not answers - convert each into a concrete decision (a runtime, a viewer, an on-screen artefact) before moving on.
- Absorb overflow. When an answer covers the next question, do not ask it again.
- Never fill a gap with something plausible. Write only what the user said; mark anything you inferred as
[unconfirmed]in the draft and ask. - Stop when the promise, the viewer and the source are stated. Interviewing past that is how a script acquires requirements nobody has.
When the answer to question 1 is "nothing written yet" and no promise exists, run a short topic round before question 2. It picks the topic for this one video, not a content calendar across several:
- Ask for the product or feature area and the ICP segment. If your harness has persistent memory and the project context already holds them, reuse them and confirm instead of asking.
- Propose 3-5 candidate topics, each phrased as the viewer's own problem ("my 500 error rate is too high"), never as a feature name.
- Rank them in one line (
topic A > topic B == topic C) by value, how common or painful the problem is across the ICP, against effort, how cleanly it demos in under 5 minutes with no prerequisites. Recommend the top one; the user picks.
Memory: Store a few info about the current task or project context. When memory lives in a file, use devrel-context.md; if a different memory system is in use, rely on that instead. Separate task info in different sections. Remove finished tasks. Add a date to a task; no date for general project context. Some interview responses may differ between 2 tasks.
- What is the source? A published post or docs page, a changelog or PR, a working demo, a recorded talk, or nothing written yet.
- What should the viewer be able to do - or decide - when the video ends?
- Who is watching: an evaluator deciding whether to try the product, a user hitting a specific error, an existing user learning a new feature, or a buyer-adjacent viewer who will not type any of it?
- Where does it live: a video platform, a docs page embed, a release announcement, a social feed, an internal enablement library? Each has a different arrival context.
- What runtime is realistic, and is that a constraint or a guess?
- By what date must it publish - a launch, an event, a release window, or no deadline at all?
- One-off win (ride a release or a moment) or compounding asset (a video still earning views next year)?
- What is the effort ceiling: recording and editing hours available, whether anyone can produce diagrams or animation or maintain a companion repository, and how many reviewers the video has to clear?
- Is there a face on camera, a voiceover only (recorded by a human, or AI-synthesized), or silent captions?
- Who records it, and on whose machine? Their setup determines what the script may assume.
- What must not appear on screen - customer data, unreleased features, internal hostnames, pricing?
- Is there a companion artefact (repository, branch, gist, docs page) the viewer can follow along with?
- Greenfield, or a rescue of a video that already underperforms? For a rescue, get the retention curve before writing anything.
Answers 6 to 8 re-rank the shape table, so ask them before choosing a shape:
- A hard release date promotes the changelog clip and the error/fix video, and deletes the deep dive.
- A compounding mandate promotes the build-along and the deep dive, and demotes the short-form clip, whose shelf life ends in days.
- An effort ceiling with no diagram support deletes the concept explainer; with no animation support, the motion design explainer.
- An effort ceiling with nobody to maintain a companion repository deletes the build-along.
Workflow
- Extract the promise. One sentence: for this viewer, this video shows this specific thing working. If the sentence needs an "and", you have two videos.
- Transpose the source into claims, not sections. A written source is organized for scanning; a video is organized in time. List what the source proves, discard its headings, and keep only the claims the promise needs. A blog post's background section is usually the first casualty.
- Pick the shape. Delete the shapes the interview's effort ceiling rules out, then take the highest survivor in the efficiency order below, re-ranked against the date and the one-off-versus-compounding answer. Say the ranking, the deletions and the pick out loud. Shape decides runtime, hook and depth before any line is written.
- Cut the material into segments, one claim per segment, each under roughly 6 minutes and separately titled. Segments are the chapters (see below).
- Write the opening beat against the 30-second window (see below). Write it first, not last - it is the constraint the rest of the script has to earn.
- Write the beats in the two-column format (see below). Each beat: visual, on-screen action, narration, starting state, and core-or-cuttable. One thought per beat, roughly 20 seconds of narration - the one-thought take size a published screencast production standard prescribes - so a beat that cannot be recorded in one pass is two beats.
- Budget the runtime. Narration word count divided by the recorder's measured speaking rate, plus explicitly estimated dead time per beat - builds, installs, page loads, deliberate pauses. Compare against the target; cut before recording, never after.
- Run the audio-only pass. Read the narration column with the screen off. Every sentence that stops meaning something is a deictic sentence to rewrite (see below).
- Run a humanizer pass on the narration column only (never on commands or code) with your preferred humanizer skill, so it reads like an engineer explaining rather than a model narrating.
- Attach the recording brief: chapter list, per-beat starting states, what must stay off screen, the metadata the script already contains, and a publish-ready description carrying one call to action. See ./references/recording-brief.md.
- Verify against the pass threshold below. Iterate until it passes; the script is not shootable before that.
- Instrument. Name the retention checkpoints you will read after publication (below). If your environment has persistent memory, store the promise, audience, shape and the claims deliberately left out, so the next video in the series does not contradict or duplicate this one.
Video shapes
Runtime is what the viewer spends, not what you spend - a three-minute animated explainer and a three-minute screencast cost wildly different amounts to make, so never pick a shape by its length band. Production effort is the column that decides: recording and editing hours, the assets someone has to build first (diagrams, seeded environments, a companion repository), and the review chain the recording must clear. Rows are in efficiency order - value returned per unit of that effort.
| Shape | Production effort | What it buys | Runtime | Opening proves | Depth rule |
|---|---|---|---|---|---|
| Error/fix video | an hour, if you can reproduce the error on the recording machine | a viewer unblocked at the exact moment they searched, for years | 1-3 min | The exact error text on screen | Cause in one sentence, then the fix |
| Changelog / release clip | an hour, over a changelog entry someone already wrote | existing users who find out the feature exists | 30-90 s | The change, in the product | One change per clip |
| Short-form clip | an hour, and usually a beat already scripted for another video | reach among people who were not looking for you, spent within days | under 60 s | The payoff in the first second | One idea, no setup, vertical framing |
| Feature or product walkthrough | a week, most of it building a demo environment that survives a clean take | an evaluator who has seen the outcome work before they install anything | 2-5 min | The outcome, already working | One path only; no options, no settings tour |
| Motion design explainer | a week, most of it illustration and animation assets, plus licensing a music track | an ICP viewer who recognizes their own pain in the opening line, and keeps watching because nothing on screen requires reading code or a terminal | 2-5 min | The problem, as the viewer's own pain: a metric, a symptom, a recurring cost | One claim resolved per segment; motion signals cause and effect, never decorates |
| Concept explainer | a week, and it is diagram work before it is recording work | the mental model that makes every other video land | 3-8 min | The question, phrased as the viewer would ask it | Diagram-led; code only where it settles the argument |
| Build-along tutorial | a week to script and shoot, then a standing job keeping the companion repository working | a viewer who has built the thing - the strongest adoption evidence on this list | 6-15 min, split into segments | The finished thing running | One new concept per segment |
| Deep dive / architecture | a quarter: evidence per claim, diagrams, and the longest edit here | durable technical credibility, peer citation and inbound engineers | 10-25 min, chaptered | The surprising claim or the number | Evidence per claim; no live typing |
- efficiency: error/fix > changelog clip > short-form clip > feature walkthrough > motion design explainer > concept explainer > build-along > deep dive
- value: build-along > deep dive > concept explainer > motion design explainer > feature walkthrough > error/fix > changelog clip > short-form clip
- effort: deep dive > build-along > concept explainer == feature walkthrough == motion design explainer > error/fix == changelog clip == short-form clip
- compliance cost: feature walkthrough > changelog clip > deep dive > error/fix == build-along == concept explainer == motion design explainer == short-form clip
Two effort ties, and why:
- The concept explainer, the feature walkthrough and the motion design explainer tie because their cost is the same shape: an asset someone else has to finish - a diagram set, a seeded demo environment, or an illustration and animation set - before a single take is possible.
- The three
an hourshapes tie because each is one take over material that already exists, and none needs a second person.
On compliance the last five tie at nothing: no unreleased product, no internal architecture, no real product screens or pricing (the motion design explainer shows illustrations, not the product), and any of them can be re-recorded and replaced without anyone's sign-off. Two exceptions inherit the walkthrough's obligations: a short-form clip cut from a walkthrough, and a motion design explainer that illustrates real product screens.
Above them, compliance cost rises for a different reason each:
- A walkthrough puts the product, its screens and often its pricing on a recording that gets forwarded into procurement.
- A release clip is embargoed until the release actually s
...
User Reviews (0)
Write a Review
No reviews yet
Statistics
User Rating
Rate this Skill