The guide behind the reel

4 GitHub repos so your Claude videos don’t look like AI slop

By the end, you will have four free, open-source “skills” you can add to Claude Code. They add motion graphics, documentary-style explainer structure, animated painting styles, and hand-drawn stroke-by-stroke visuals. Your videos will look less like AI slop and more like real production.

These are not magic. You still write prompts. But the output will carry more film language.

Watch the reel@okaashish

What you need

5 things

The steps

8 steps

  1. Add Bang Motion for cinematic movement and kinetic text

    Bang Motion adds cinematic motion graphics and text animation to your videos. It can create openers, promos, product demos, kinetic typography, and explainers. The key detail is it’s built as one index.html that plays like video, not slides. You can do 16:9 or 9:16, and it exports to MP4.

    GitHub: https://github.com/bangtutorial/bang-motion

    On your screen, you will be in Claude Code. You will see you are adding and installing the plugin. Then you will ask for an opener or an explainer and watch the generated motion style kick in.

    Install it in Claude Code, then ask for an opener or an explainer:

    • /plugin marketplace add bangtutorial/bang-motion
/plugin install bang-motion@bang-motion
    • make an opener for my product
    • make an explainer about ...
    • The author’s own demo video (the Mariana trench and Mars explainers in the reel): https://youtu.be/0ANV5dfL_yQ

  2. Use Vox Explainer for a Vox-style documentary end-to-end

    Vox Explainer turns any topic into a complete documentary-style (Vox-style) video. It does script, voiceover, keyframes, animation, music, and assembly, end to end.

    GitHub: https://github.com/CK42BB/vox-explainer-skill

    On your screen, you will clone the skill into your Claude skills folder. Then you will set the required API key. After that, you run a prompt and you should see it produce a full explainer (not just a clip).

    Install:

    • git clone https://github.com/CK42BB/vox-explainer-skill ~/.claude/skills/vox-explainer

  3. Set Vox Explainer prerequisites (Atlas Cloud, ffmpeg/ffprobe, Python libs)

    Vox Explainer needs an ATLASCLOUD_API_KEY. The reason matters: Atlas Cloud runs the image, video, voice, and music models. The rough cost is about $3-8 per 60-second film.

    It also needs ffmpeg + ffprobe, and Python 3.10+ with requests.

    Also look at vox-director by Alisa0808. It’s the bigger skill built on the same idea, and the collage clips in the reel are from it: https://github.com/Alisa0808/vox-director.

    • ATLASCLOUD_API_KEY
    • ffmpeg + ffprobe
    • Python 3.10+ with requests

  4. Prompt Vox Explainer (example)

    Now ask Claude Code for a Vox-style explainer. If it’s working, you should get a full structured video flow: script, voiceover, visuals, music, assembly.

    Ask:

    • Make me a 60-second Vox-style explainer about the Tang Dynasty golden age.

  5. Add Huashu Art Motion for animated paintings in 30+ styles

    Huashu Art Motion creates animated paintings in over 30 art styles (36 of them: ink wash, Van Gogh, Monet, ukiyo-e, pixel art...). It’s written in code.

    GitHub: https://github.com/alchaincyf/huashu-art-motion

    On your screen, you will install it via npx. Then the first time you run it, the Playwright Chromium step matters. It’s part of the “it has to work locally” setup.

    Install:

    • npx skills add alchaincyf/huashu-art-motion

  6. Prepare Huashu Art Motion dependencies (uv, ffmpeg, Playwright Chromium)

    Huashu Art Motion needs uv, ffmpeg, and Playwright Chromium. For the first time, run the Chromium install.

    The skill’s docs are mostly in Chinese. The README has an English guide: README.en.md.

    This is where people get stuck because nothing happens if Chromium is missing, even if the install command worked.

    • uv
    • ffmpeg
    • Playwright Chromium
    • uv run --with playwright playwright install chromium
    • README.en.md

  7. Use Claude Drawing Skill for stroke-by-stroke visuals

    Claude Drawing Skill makes everything appear stroke by stroke, like someone is actually drawing it. It has 77 styles, including ink wash, watercolour, ukiyo-e, oil, chalkboard. There’s no image model, just numpy and Pillow. It exports draw-on GIFs.

    GitHub: https://github.com/cloveric/claude-drawing-skill

    On your screen, you’ll clone into your Claude skills folder, then pip install requirements. After that, your outputs should look like animated drawing rather than a finished render.

    Install:

    • git clone https://github.com/cloveric/claude-drawing-skill.git ~/.claude/skills/claude-drawing
pip install -r ~/.claude/skills/claude-drawing/requirements.txt

  8. Or install all four in one prompt

    The fastest way: paste the four links into Claude Code and ask it to install them. Copy this:

    • Install these four skills:
github.com/bangtutorial/bang-motion
github.com/CK42BB/vox-explainer-skill
github.com/alchaincyf/huashu-art-motion
github.com/cloveric/claude-drawing-skill

Tips

Try next

That is the whole thing

If a step did not work the way I said, tell me in the comments on the reel: I fix these.

Watch the reelMore guides
Join my channel where we play with AI ⚽
Join