Motion graphics skills
Agent skills and pipelines for motion graphics made in code: launch videos, explainers, animated type and B-roll timed to narration. Most render through HTML, Remotion or HyperFrames. Results depend heavily on the brief and the review loop, not one prompt.
Lab posts (16)
- Spotted, not yet tested#motion graphics#agent skills#launch video#sound design#open sourcehuashu-motion: an open skill that writes the launch film, scores it, and lets you point at the frame to fix it
Anthropic's Claude Motion is still a Team and Enterprise beta. Two days after 花叔 open-sourced his own take, it had more than 1,100 stars: a skill that pitches three directions, builds the film as one HTML page, writes a score that real sampled instruments play, and opens an editor where a click on the frame becomes a precise fix.
Source: 花叔 Huashu (@AlchainHust)
- Spotted, not yet tested#editing#dubbing#subtitles#MCP#agent skillsBaoCut: an AI video agent where every caption, dub and cut stays editable
Most AI video tools render once and hand you a file. BaoCut makes the timeline the source of truth: transcripts, translations, subtitle layers, voice-overs and code-made motion graphics all live in one editable video that you and your agent edit through the same undo stack.
Source: Jim Liu 宝玉 (@dotey)
- Spotted, not yet tested#motion graphics#prompting#agent skills#camera moves#open sourcemotion-prompt: a clickable dictionary of motion names your agent can build from
144 named motion, camera, UI, web and photo-look effects, each with a moving sample and an example ask. Pick the ones you want in a browser gallery, press Send to AI, and the agent builds them into your video.
Source: @showheyohtaki (Shohei Ohtaki)
- Spotted, not yet tested#motion graphics#code-to-video#release notes#agent skills#VFXRemotion 4.0.536–537: a real editing timeline, then After Effects–style effects
Two releases in four days moved Remotion closer to an editor you can share with your agent: rolling edits and interlocking transitions on Oct 16, then projections, page turns, fractal noise, turbulent displacement, lens blur and bevels on Oct 19.
Source: Jonny Burger & the Remotion team
- Spotted, not yet tested#OpenDesign#motion graphics#open source#Claude Motion#agentsOpenDesign Motion: open-source code-to-video without the Claude Motion lock-in
Codename OpenDesign Motion: ask an agent for a video, get editable source plus an MP4. Desktop is free OSS; Cloud is paid. About 101.5k GitHub stars when we checked.
- Spotted, not yet tested#Skillry#motion graphics#launch video#explainer#PlaywrightTwo Skillry video skills: ASCII glitch launch and paper-cutout story
Membership skills on Skillry: an 18s 60fps glitch hype film, and a 35–50s clay/felt storybook explainer. Both are editable browser films that also export MP4.
Source: Skillry
- Based on the creator’s video · not yet tested by us#Claude Motion#Remotion#motion graphics#editingClaude Motion, explained, plus the Remotion route if you're on Pro or Max
Anthropic's new Motion artifact writes animation as code, so you can fix one word or one sun without regenerating. It's Team and Enterprise only for now, but Claude Code plus Remotion gets you most of the way.
Source: Failure Point
- Based on the creator’s video · not yet tested by us#motion graphics#prompting#Remotion#HyperFrames#workflow'One prompt' motion graphics is mostly a myth. Here's what the good ones actually did
Nikandr Surkov went through about a hundred of the most-shared Opus 5.5 motion videos and the replies under them. The 'one prompt' turned out to be a brief, references, a spec and several rounds of notes.
Source: Nikandr Surkov
- Spotted, not yet tested#motion graphics#agent skills#open sourceHyperFrames: HeyGen's bet that agents should write video as HTML
An Apache-2.0 renderer that turns plain HTML, CSS and GSAP into frame-exact MP4, with a skill router that picks the workflow for you.
Source: HeyGen
- Spotted, not yet tested#motion graphics#self-review#sound designclaude-motion teaches an agent taste, then makes it check its own frames
Motion rules with actual numbers, a contact-sheet review loop, and a sound engine written in plain Python.
Source: @whaleyxbt
- Based on the creator’s video · not yet tested by us#motion graphics#Higgsfield#Seedance#launch videoA two-layer launch video: code motion over a Seedance plate
Recreate a reference launch video's style for your own product, then layer that motion over cinematic footage built in a strict four-step order.
Source: Jason Lee
- Spotted, not yet tested#motion graphics#agent skills#ReactRemotion + remotion-dev/skills: React video your agent can write
The most established code-to-video framework now ships official agent skills. Check the license before you build a business on it.
Source: Remotion (Jonny Burger & team)
- Spotted, not yet tested#agent skills#motion graphics#roundupThe 15-repo motion design stack, sorted by job
A viral list of motion-design repos, which we checked one by one and grouped by what you're actually trying to ship.
Source: @Mnilax
- Spotted, not yet tested#prompting#Three.js#motion graphicsWhat 418 shared prompts teach about one-shot code video
Skillry collects creators' prompts and remakes each video side by side. The prompts that work share a structure.
Source: Skillry (curating creators on X)
- Based on the creator’s video · not yet tested by us#motion graphics#brand#workflow#webPull a brand from a URL, then animate it: Jack Roberts' Claude Design levels
Scrape the real logo, colours and fonts with Firecrawl first, so the agent animates the brand instead of inventing one.
Source: Jack Roberts
- Based on the creator’s video · not yet tested by us#Higgsfield#motion graphics#business#MCPSix motion styles clients pay for, according to Higgsfield
A vendor's map of sellable formats, with the workflow tips worth keeping: storyboard first, HTML design sheets, and a credit tally that includes failed takes.
Source: Higgsfield AI (presenter: Adil)
Skills, repos & workflows in the directory (23)
- huashu-motion Skill
Launch films by your coding agent: three directions, a rhythm sheet, one-file HTML/GSAP film, a score in ABC notation played by sampled instruments, SFX on the beats, and a browser studio where you click the frame to request a precise fix. MP4/MOV-alpha/WebM/GIF. Node 22+, Chrome, FFmpeg; macOS-tested. MIT.
- BaoCut MCP
Desktop AI video agent (macOS Apple Silicon, Windows) with an editable timeline: local transcription, subtitles, translation, dubbing with vocal separation, filler/retake cuts, HTML motion graphics (baocut/1 and hyperframes/1). Drive it from Claude Code/Codex via skill, MCP or CLI. Source-available Community License (content use free; commercializing the software needs a licence).
- claude-motion-explainer Skill
One sentence to a narrated explainer animation on HyperFrames: research, storyboard, TTS, one sub-agent per scene in parallel, captions, three-colour theme, contact-sheet self-review; includes 26 lessons and a fix_voice.py for mispronounced words. Traditional Chinese. MIT.
- whiteboard-teacher-video Skill
Turns a lecture script into a hand-drawn whiteboard explainer: rough.js strokes drawn in code, text written on as it is spoken, five styles, local Chrome render, edge-tts voice, no image-API cost; re-renders only changed segments. Chinese docs; licence not stated.
- motion-prompt Skill
Clickable dictionary of 144 named motion, camera, UI, web and photo-look effects, each with a moving sample and an example ask. Pick in the browser gallery, Send to AI, and the agent builds your picks. Works for video-model prompts too. MIT.
- free247editor Skill
Drop a raw talking-head video in the inbox, say 'edit this': cuts, word-by-word captions, HyperFrames + GSAP motion cards, zooms and sound. Plain-word notes become rules in my-rules.md so later edits follow your style. MIT.
- papercut-explainer Skill
Nine Agent Skills + a Remotion library for vertical cut-paper explainer reels: paper-cut kit, 24 backdrops, 17 camera moves, 10 transitions, 79 SFX and 8 music beds; strategy → script → storyboard → voice → build → QA. MIT.
- OpenDesign Motion Repo
OSS Claude Motion alternative (codename OpenDesign Motion): idea → editable source + MP4; five bundled examples; Desktop free, Cloud paid. Apache-2.0. Site: open-design.ai.
- ASCII Glitch Launch Video Skill
Skillry membership skill: 18s 60fps glitch hype; editable browser film + MP4. Node 20+, FFmpeg, Playwright. v1.0.1.
- Paper Cutout Story Video Skill
Skillry membership skill: 35–50s clay/felt storybook explainer. Editable browser film + MP4. v1.0.0.
- claude-motion Skill
Taste rules with numbers, contact-sheet self-review, Python sound engine, web sims → 60 fps.
- heditor Skill
Talking head → styled 9:16 Reel on HyperFrames: named styles, word-timed cut, voice-first mix, vision QA. MIT.
- anything2explainer Skill
Topic → sourced, narrated Remotion explainer via parallel build + QC agents. Non-commercial licence.
- animate Skill
Canvas + Playwright + FFmpeg animation in 7 styles; storyboard gates; Whisper word timing.
- product-launch-motion Skill
Launch videos from code: GSAP, word-locked VO, camera moves, film grade, loudness.
- motion-graphics-skills Skill
13 skills for launches, animated charts and reels.
- claude-motion-design Skill
HTML + Playwright + ffmpeg motion design; cuts on the beat.
- Barty-Bart motion-graphics Skill
Motion B-roll timed to your words over your own footage.
- claude-remotion-skill Skill
Remotion skill targeting flat fades and stiff motion.
- gsap-skills Skill
Official GSAP skills; the engine under many launch kits.
- LottieFiles motion-design-skill Skill
Timing, easing, choreography and Disney's 12 principles for agents.
- motion-dev-animations-skill Skill
Motion.dev web animation skill (springs, scroll, gestures).
- Skillry Skill
400+ in-house designed skills (video, slides, web, image); free + paid tiers.
Pipelines (2)
- HyperFrames product launch video from a URL · Spotted, not yet tested
- HyperFrames: talking-head footage → captioned, designed recut · Spotted, not yet tested