Back to the blog
Understand · 03 / 22

Five videos to study: the Claude Motion toolkit and HyperFrames (2026)

Explore five attributable, watchable examples from whaleyxbt and HeyGen, with concrete lessons and links to their original work.

These five videos show two code-animation workflows: whaleyxbt’s independent claude-motion toolkit and HeyGen’s HyperFrames. Each example is credited to its publisher; this is a study collection, not this site’s customer work or a collection of Anthropic Motion outputs. The notes draw on the creators’ published descriptions and source projects, and the viewing links lead to their original films.

1. Crawler swarm — whaleyxbt

The creator’s X post has a 20-second video, and the toolkit’s simulation README explains its construction: one crawler grows into 256 across invented websites, with words responding to contact. This is a visual metaphor for parallel work, not evidence of a real scraping operation. Study how a count can become a spatial story. For your own explainer, use a synthetic queue of tasks and show one task, several workers, then the whole system. Keep the scaling claim tied to your actual data.

Sources & further reading: whaleyxbtwhaleyxbt

2. One username to a dossier — whaleyxbt

This second 20-second X video uses the same swarm and a different narrative. The repository explicitly says the person and pages are fictional; red threads move details toward a dossier. That distinction is essential when discussing the film. Its transferable lesson is information flow: collected pieces converge into an organized result. For a privacy-awareness lesson, retain synthetic identities and focus on how separate disclosures combine. Do not present this animation as a validated investigation or as evidence about a real person.

Sources & further reading: whaleyxbtwhaleyxbt

3. HyperFrames launch — HeyGen

HeyGen’s official gallery publishes the launch film and links its source. The project separates an opening, demonstrations of CSS and other visual techniques, an engine explanation, and a closing call to action into compositions. Its captions credit Claude Code for the launch video. This is a useful example of a coding-agent workflow, specifically rendered with HyperFrames. Study the separation of promise, demonstration, and next step. A launch film benefits when each scene proves one capability instead of placing every feature in one crowded frame.

Sources & further reading: HeyGenHeyGen

4. Timeline editor — HeyGen

The gallery’s Timeline editor film has a public source project. Its opening identifies timing as a problem; later source scenes introduce the timeline as the answer and explain the time saved. That structure makes it a useful product-education reference: first establish the friction, then demonstrate the control that resolves it. When planning a similar video, show the exact before-and-after state of one edit. Avoid relying on the phrase “easy to use” when a visible operation can communicate the benefit more clearly.

Sources & further reading: HeyGenHeyGen

5. PR to video — HeyGen

This film turns a pull-request narrative into a short explanation. The public project includes scenes for the PR, the difficulty of reading changes, summarization, code, flow, discussion, credits, and a final action. It illustrates how an engineering change can have an editorial structure. Borrow the sequence, not the project’s claims: state what changed, show one meaningful example, then credit contributors. Compare every technical assertion against the actual diff so a persuasive animation does not become an inaccurate release note.

Sources & further reading: HeyGenHeyGen

Watch the original videos

Crawler swarmBy whaleyxbt · claude-motion toolkit · Watch at the sourceOne username to a dossierBy whaleyxbt · claude-motion toolkit · Watch at the sourceHyperFrames launchBy HeyGen · HyperFrames · Watch at the sourceTimeline editorBy HeyGen · HyperFrames · Watch at the sourcePR to videoBy HeyGen · HyperFrames · Watch at the source

Your next step

Watch the original films, inspect the linked sources, and borrow a storytelling technique. Attribution and clear evidence make examples more useful than an unlabelled demo reel.

Explore the workspace

Sources & further reading

References link to original documentation and creators. Product availability can change; check the linked source before subscribing or installing.

  1. Crawler swarm — original videowhaleyxbt
  2. One username to a dossier — original videowhaleyxbt
  3. Web sims — construction and fictional-data noteswhaleyxbt
  4. HyperFrames launch — source projectHeyGen
  5. Timeline editor — source projectHeyGen
  6. PR to video — source projectHeyGen