Log in
WorkflowBy HypernaturalVersion 2, updated

GitHub repo to explainer video

hn/workflow-github-repo-to-explainer-video

Turn a GitHub repo into a 30–60 s branded explainer: a stylized metaphor world that acts out what the project does, a narrator, and titles, chips, captions and an end card in the project's own brand that name the real things it ships (commands, modules, features), ending on its install command. Covers reading the repo itself rather than only the README and checking every claim against it, capturing the brand from the project's site, a script and shot list gate, three looks, a character turnaround, voice with word times from the TTS alignment, stills, H3 Max animation, the rough cut, and the compositor layout shown live before the render. For gift videos to open-source maintainers, repo launch videos and "what this project does" explainers; for a product's own app screens, use workflow-product-explainer-video.

SKILL.md

The person gives you a GitHub repo (a link, or its README). You deliver a 30–60 s video that explains what the repo gives its users, in the project's own brand: a generated, stylized world that acts out what it does, a narrator, titles and chips that name the real things it ships, captions, and an end card with how to get it.

The backbone is workflow-script-to-video with voiceover only (nobody speaks on screen), plus the compositor for every word on screen. Rounds and deliverables follow the core skill.

Steps

  1. Read the repo, not just the README (guide-pull-product-highlights, GitHub repo route): the project's exact name and casing, the install or run command verbatim, counts (modules, stars) with the date you read them, the licence, and the 5 to 8 named parts a viewer should remember, in source/facts.md, with every claim in the brief checked against the repo.
  2. Capture the brand (guide-capture-a-brand): route A from the project's homepage link, route C (the repo's language colours, a mono plus a sans) when there is no site. Note the site's signature element (a terminal window, a code card, a chip style).
  3. Script and shot list (llm-write-an-ad-script, the repo explainer: 110 to 120 words for 45 s, one idea per line, each naming a real part of the repo). A metaphor world carries the pictures, a place or an object per part and one small recurring character as the user (llm-pick-a-visual-metaphor). Shots of 2 to 6 s, one per line or half-line; three quick 2 s shots make the montage. Gate: the script and shot list.
  4. Look and character (guide-pick-a-stylized-look): three style frames of the opening shot in three looks. Gate: a pick. Then the user character's sheet from the picked frame (nano-banana-character-sheet), anything unwanted (a mouth, a logo) stated as the clean state.
  5. Voice (guide-voice-a-script, A narrator for a short): three narrators on the whole script; the pick is the take, and its alignment gives the word times. Gate: a pick.
  6. Stills (guide-pick-a-stylized-look, Process step 4), the character's views as references. Gate: one review_approve with a still per shot as its items, each with the shot's line as its text; flag what you'd change rather than silently re-rolling.
  7. Animate every shot at once (guide-pick-a-stylized-look, Process step 5), each a little longer than its window. Give the character a motion that fits its material (a wind-up toddle for a tin toy).
  8. Rough cut (ffmpeg-cut-clips-to-a-voiceover, the clips at about a fifth, a 2 s tail for the end card), −16 LUFS (ffmpeg-normalize-loudness); a re-rendered shot drops in by re-running it.
  9. Titles, chips and captions (hn4a-compositor-brand-ad-titles for the opening lockup and the end card, hn4a-compositor-motion-graphics for the chips, captions per hn4a-compositor-in-scene-titles): one spec over the rough cut, cued from the word times.
    • Open on who and what: the maintainer's name, the project's name in its headline font, one line of what it gives the user with the number in the accent, and the install command in the brand's signature element.
    • Name each part as it is said: a chip with the part's real identifier (lint-fix, src/router, --watch) pops on just before the word. This is what makes clear what the project actually provides.
    • Lists build on the words, one item a beat.
    • Captions from the same word times in the brand's mono or sans, in the lower third, clear of the chips. Leave them off only if the person says so.
    • End card: a short headline, the install command again, the repo URL and a credit line.
    • Everything over the footage sits on the brand's card or chip background. Hold a real screen when its words need reading; reveal its parts when that clarifies the point (hn4a-compositor-make-product-ui-exciting). Gate: the live spec (hn4a-compositor, Live spec, then render), with stills at every title.
  10. Render and deliver (guide-prepare-renders-for-delivery): deliver the 16:9 master, a small copy for chat, and a 9:16 cut if the person posts vertically. Draft the note that goes with it (llm-draft-a-gift-video-note).

Choices this workflow makes

  • The repo's own words and identifiers on screen, the metaphor in the pictures. Stills and clips carry no text; every word is composited.
  • The brand from the project's site, not a guess.
  • The narrator auditioned on the whole script, like every narrated short (guide-voice-a-script): the pick is the take, and its alignment gives the word times, so there is no second read.
  • Stylized, never photoreal, with one recurring character as the user.

Dead ends

  • Arrow lists drawn straight over a busy toy scene: unreadable. On chips they read.
  • A chip cued exactly on its word in a 2 s shot was on screen under a second. Cue quick-montage chips from the shot's start.
  • Waiting on tasks while renders ran from several sessions timed out for half an hour on a call that had already failed and been refunded. Read history for its status and re-run with a new seed.

Worked example

Acme Co.'s open-source CLI toolkit, from its repo and project site. 16:9 1920×1080, 45 s. Brand from the site: a dark background, one green accent, a mono for identifiers and a sans for headlines, a terminal window as the signature element.

PartPictureOn screen
OpeningA tin-toy character arrives in a toy townmaintainer, project name, one line with its module count, the install command in a terminal card
Each moduleThe character visits the module's shopa chip with the module's identifier on its word
MontageThree 2 s shots of the town at workchips cued from each shot's start
End cardThe town at dusk, held 2 sheadline, install command, repo URL, credit

Notes on the way: the brief pitched a module the repo had already shipped, so that line was rewritten from the repo; montage chips cued on their words flashed by and were moved to each shot's start. Cost at list prices for a job of this size (3 style frames, a turnaround, about 14 stills on nano banana 2.1 at 2K, voice, about 50 s of H3 Max at 768P): about $6, the titles and renders free.

Related workflows

FAQs

Turn a GitHub repo into a 30–60 s branded explainer: a stylized metaphor world that acts out what the project does, a narrator, and titles, chips, captions and an end card in the project's own brand that name the real things it ships (commands, modules, features), ending on its install command. Covers reading the repo itself rather than only the README and checking every claim against it, capturing the brand from the project's site, a script and shot list gate, three looks, a character turnaround, voice with word times from the TTS alignment, stills, H3 Max animation, the rough cut, and the compositor layout shown live before the render. For gift videos to open-source maintainers, repo launch videos and "what this project does" explainers; for a product's own app screens, use workflow-product-explainer-video.

Install Hypernatural Desktop, a free Mac app, and connect it to Claude Code, Codex or Claude Desktop. Then describe the video you want and your agent finds the workflow itself, or paste this page's link (https://hypernatural.ai/skill/hn/workflow-github-repo-to-explainer-video) and it installs hn/workflow-github-repo-to-explainer-video and follows it.

It runs Nano Banana 2.1, ElevenLabs voice and MiniMax H3 Max. Hypernatural Desktop has every one of them built in, so there are no API keys to set up, though you can bring your own.

The workflow is free. You only pay for the AI generations it runs, and your agent shows you the price of every batch before it spends anything. Editing, captions and titles run on your Mac at no cost.

It calls 22 smaller skills for its steps, including Script to video, Pick a stylized look and Nano banana character sheet. Each one is listed on this page, and your agent loads them as the job needs them.

Yes. Ask your agent to adjust it for your job, or to save its own version. You can publish your version under your own handle so anyone can install it.

Go make something cool.

Install the app, open your agent, describe the video. That's the whole onboarding.

Sticker HypernaturalSticker BannerSticker TVBoy