EXPLAINER0:16Anatomy: interactive isometric explainers
The anatomy skill draws interactive isometric SVG illustrations that explain any concept, with 3D effects.
/
Submit38 reference videos · checked 2026-10-15
What each skill can make, in real videos.
A reference gallery: every video was made with a free skill or tool we list, and the creator links its GitHub repo in the post or the first reply. Tap a video, then open the skill to make your own.
Type
Skill
Style
EXPLAINER0:16
MOTION0:18HyperFrames demo: animated video from HTML, CSS and JS
A short tour of what HyperFrames renders, plus its built-in editor. Works in Claude Code, Cursor, Codex and Gemini.
APP DEMO1:05Hermes Desktop running in a browser
The Hermes web app serves the desktop experience (chat, files, Git, terminal) from your own Hermes host.
APP DEMO1:01Hermes web app on mobile
A demo of the Hermes agent web app on phones and tablets, from a contributor to the open-source repo.
LAUNCH0:21Launch video for an app, made with /brag
The agent turned a project into a polished launch clip with music and motion, with no manual editing.
MOTION1:20HyperFrames Studio: a video editor built for agents
Made with HyperFrames. HyperFrames is free and open source: the main button takes you to it.
EDITING0:29OpenShorts: a free short-form video studio on your computer
Paste a product link and OpenShorts handles script, voice, B-roll, subtitles and vertical clips, running locally.
MOTION1:35A demo video animated with Claude Code + Remotion
Made with Claude Code + Remotion. Remotion is free and open source: the main button takes you to it.
MOTION0:10Japanese product promo made in Claude Code
Made with Claude Code + HyperFrames. HyperFrames is free and open source: the main button takes you to it.
LAUNCH0:25/brag launch clip for Foldtint
A launch video for a small app, built with the brag skill.
MOTION0:30"What day is it?" answered as a 30-second motion piece
Made with HyperFrames + Claude. HyperFrames is free and open source: the main button takes you to it.
EXPLAINER0:17Anatomy explains LLM temperature
One /anatomy request turned "how does temperature work in an LLM" into an interactive visual explainer.
MOTION1:04Live-coding music video built on HyperFrames
A custom skill pairs Strudel beats with HyperFrames visuals, so the agent composes the track and the video together.
EXPLAINER0:20A supercar taken apart with /anatomy
300+ parts drawn in isometric 3D that you can rotate, inspect and explode apart.
EXPLAINER0:19Device teardowns drawn with Anatomy
Interactive breakdowns of real devices and machines, generated with the anatomy skill.
MOTION0:52Your Claude Code history, animated with HyperFrames
A skill reads local session history and turns a typical session into an animated story, built on HyperFrames.
EDITING0:04Recreating a famous YouTube intro with Hypit
Hypit broke down the original edit and rebuilt it with a 3D model, with no video-generation model involved.
MOTION0:20Short Instagram motion pieces with HyperFrames
After installing the skill, the agent spun up a small in-browser studio and produced short social motion clips.
MOTION0:30Beat-synced showreel from hyperframes-motion-reel
A first try of the motion-reel skill: a showreel timed to music, generated by the agent.
EXPLAINER0:16How machines work, shown with Anatomy
Interactive machine cutaways generated by the anatomy skill.
EDITING1:30Clone the edit of a viral video with Hypit
A walkthrough of Hypit copying the structure of a popular short so you can remake it with your own content.
MOTION0:34Promo film cut automatically with claude-motion-design
The agent researched YouTube ad styles and edited a product promo from a homepage, using the claude-motion-design skill.
LAUNCH0:21Game trailer for a pixel-art game, made with /brag
The agent built a pixel Rocket League-style game and then used brag to make its intro video.
LAUNCH0:28Launch video generated from a codebase with BRAG
BRAG read the project code and produced this launch video.
EDITING0:24Hypit result: recreated edit plus its own animations
Example output showing Hypit copying an edit and also making its own motion and effects.
LAUNCH0:23Two launch videos from /brag
The boring part after shipping, done in one command: two launch clips with music, animation and captions.
LAUNCH0:20A launch video from one /brag command
Running /brag on a project produced this launch video.
LAUNCH0:18Short shareable launch video with /brag
The brag skill turns a finished project into a short launch video you can share.
EXPLAINER1:30Interactive A380 in one SVG with Anatomy
600+ parts and a gate-to-takeoff sequence, built with the anatomy skill.
EDITING1:22video-use: raw footage in, clean edit out
The skill transcribes footage, cuts filler and dead air, and adds tiny audio fades at each cut so edits do not click.
EXPLAINER0:17Two-stroke engine explainer with Anatomy
An interactive exploded view that explains how a two-stroke engine works.
LAUNCH0:20Repo in, 30-second launch clip out
Pointing /brag at a repo gave back a launch video with music, motion and share copy.
EXPLAINER1:30Falcon 9 explainer video made with Anatomy
The anatomy skill produced the rocket breakdown; a voiceover turned it into a science explainer.
LAUNCH0:25One-shot launch video with brag
A single run of the brag skill produced this clip.
MOTION0:22Raw assets to a reusable video system with Remotion
The Remotion skills turned a pile of assets into reusable video compositions; the post shows the process and the result.
EXPLAINER0:30Solar explainer made with OpenMontage
A 30-second explainer mixing real footage with animated diagrams, music and captions, generated with OpenMontage.
MOTION0:42A full ad made with HyperFrames in 35 minutes
An agent wrote the whole ad as code with HyperFrames, with no editing software involved.
MOTION0:4545-second spot written entirely in code
1,350 frames of HTML, CSS, GSAP and WebGL cut to a 144 BPM track, with no camera, made with HyperFrames.
Nothing matches yet.
Try another skill or type, or suggest a video.