Agent skills for making motion with Claude

Remotion Agent Skills

Official agent guidance for building, animating and rendering video compositions with Remotion.

huashu-motion

Makes product launch films: the agent reads your product, offers three directions, writes the film and a score in ABC notation, then opens a browser editor where you click a frame to ask for a change. The README says the music is made locally with no paid API and that it has only been tested on macOS, and films of 4 s or more end with a small "Made with huashu-motion" credit you can switch off.

Output

MP4, MOV, WebM, GIF

Paid API

none

Runs in

Claude Code, Codex and other Agent Skills agents

Licence

MIT for code and docs. Bundled GSAP (GSAP Standard License), fonts (OFL) and the author's cartoon character keep their own terms.

Install

npx skills add alchaincyf/huashu-motion

/brag launch-video skill

Turns the project you just built into a short launch video with music and share copy: /brag renders through HyperFrames, and /brag-slim is a lean variant for Claude Opus 5.5 without it. The README also promotes letsbrag.app, a paid hosted version ($19 a video at its launch price on 27 Oct 2026, per letsbrag.app).

Output

MP4

Paid API

none

Runs in

Claude Code, Codex, Cursor, opencode

Install

npx skills add https://github.com/latent-spaces/brag --skill brag

explainroo

Makes narrated explainer and product-demo MP4s: the agent writes a script and canvas scenes, and explainroo adds a local Kokoro voice, Whisper word timing, a moving camera and music. No account or API key is needed (an ElevenLabs voice is optional), and videos carry a small explainroo.com watermark unless you turn it off.

Output

MP4

Paid API

optional

Runs in

Claude Code, Codex, Pi

pixel2motion

Turns a raster logo (PNG, JPG, WebP or a screenshot) into a smooth SVG, then into logo animation as HTML with GIF or video previews and QA evidence. The README also links a commercial Pixel2Motion service that is coming online.

Output

SVG, HTML, GIF, video

Paid API

none

Runs in

Codex, Claude Code

text-to-lottie

Diffusion Studio's skill for writing Lottie animations with Claude Code, Codex or another skills-capable agent, previewed live in a bundled player. The JSON plays on the web, iOS, Android, React Native and Flutter, or can be refined in After Effects.

Output

Lottie JSON

Paid API

none

Runs in

Claude Code, Codex

Install

npx skills add diffusionstudio/lottie

Anthropic skills: algorithmic-art and slack-gif-creator

Anthropic's example skills, published for demonstration and education; motif lists two. algorithmic-art makes p5.js generative art such as flow fields and particles, and slack-gif-creator makes animated GIFs sized for Slack, with validation tools.

Output

GIF, HTML (p5.js)

Paid API

none

Runs in

Claude Code, Claude.ai (paid plans), Claude API

Licence

Licence varies per skill; these two are Apache-2.0. The repo's document skills (docx, pdf, pptx, xlsx) are source-available, not open source.

AI Design Skills (landing-page-design)

landing-page-design builds a landing page from scratch: intake questions, page structure, conversion copy and a visual system for type, spacing, radius and motion. figma-designer designs inside Figma with variables, text styles and components. The design-to-motion skill moved out of this repository on 2026-10-27.

Output

HTML landing page, Figma designs

Paid API

none

Runs in

Claude Code, Cursor, Codex, Windsurf

MotionSites Web Builder

Has Claude write a precise spec, pick real hosted media and build a cinematic landing page or hero, then screenshot its own work and fix it against a ten-point rubric. Ships 40 example prompts, a media shelf and 55+ technique recipes, and can write prompts for Lovable, Bolt or v0 instead.

Output

HTML landing page or builder prompt

Paid API

none

Runs in

Claude Code, Claude.ai

Licence

Split licence: instructions and scripts MIT; example prompts and media © MotionSites, usable in sites you build but not for redistribution. Every delivery ends with a MotionSites upgrade block.

Three.js skills

13 skills that keep Claude Code's three.js code current with r186, React Three Fiber 9 and gltf-transform, including threejs-animation, threejs-shaders and threejs-postprocessing. The README says every import and example was checked against the published packages.

Output

Three.js code

Paid API

none

Runs in

Claude Code

Install

npx skills add cloudai-x/threejs-skills

ascii.rest

240 animated ASCII pieces for React, Next.js, Astro or one HTML tag, a kit for making your own, and a skill that teaches agents the pieces, README banners and image-to-ASCII. The no-build tag loads from ascii.rest, and the README lists sponsors (Command Code, Vercel, Cloudflare).

Output

HTML, React, SVG, terminal

Paid API

none

Runs in

Claude Code, Cursor, Codex

Install

npx skills add bas3line/ascii

scroll-craft

A skill, also a Claude Code plugin, for immersive scroll-driven websites, with a browser check that walks the finished page at every scroll position. Building from your own photos and footage needs no key; generated assets use an optional KIE_AI_API_KEY and cost money.

Output

Website (HTML)

Paid API

optional

Runs in

Claude Code, Codex

ffmpeg-skill

A local video editor for coding agents: 42 FFmpeg tools and an MCP server for cutting, captions with karaoke highlights, reframing, loudness and platform exports, with checks on its own output. The README says it needs no cloud and no API keys.

Output

MP4, GIF, audio

Paid API

none

Runs in

Claude Code, Cursor, Codex, MCP clients

Install

npx ffmpeg-skill

huashu-art-motion

Has a coding agent animate art styles in code, from the 36 style recipes and 9 explainer grammars listed in its README (Chinese first, with an English README.en.md). Code-only animation needs no image or voice account; scenes with a character use an image model you choose.

Output

MP4

Paid API

optional

Runs in

Claude Code, Codex, Kimi

Licence

MIT for code and docs. Bundled fonts (OFL), some stroke-order data (Arphic Public License), the author's cartoon likeness and character frames, and the Clawd fan demo are excluded, per the README.

Install

npx skills add alchaincyf/huashu-art-motion

Motion Graphics Skill Pack

15 Claude Code skills for code-made motion graphics, including launch-video, vox-explainer, animated-chart, title-sequence-3d, loop-cover and reel-export; the README says none needs an API key. MP4 export uses HyperFrames or ffmpeg with Chrome, and the README promotes the author's newsletter.

Output

HTML, MP4, GIF

Paid API

none

Runs in

Claude Code, Codex

Install

npx skills add charlie947/motion-graphics-skills

Emil Kowalski skills (animation)

Emil Kowalski's skills for interface animation on the web and in React Native and Expo: animate, animate-expo, animation-performance and animation-vocabulary, plus skills that review, audit and find places for animation. Interface motion, not video; the README links to the author's paid course at aiforui.dev.

Output

UI animation code

Paid API

none

Runs in

Agents supported by the skills CLI

Install

npx skills@latest add emilkowalski/skills

product-film skill

A Claude Code skill that makes a product film in Remotion from your product's own components, design tokens and logo: it interviews you, cuts to your music and renders a page loop, a music version, a WebM and a poster. It needs Claude Code itself, not the chat apps.

Output

MP4, WebM, poster

Paid API

none

Runs in

Claude Code

Licence

MIT for the skill. Built on Remotion, which is free for individuals, non-profits and companies of up to 3 employees; larger for-profit companies need a company licence.

HyperFrames community skills

Community skills for HyperFrames, kept apart from HeyGen's curated set: camera-3d-captions, p5-paint-animation, vox-explainer, session-story and four more. The README warns that a skill can run commands or spend money, so read each SKILL.md first.

Output

MP4

Paid API

optional

Runs in

Agents supported by the skills CLI

claude-motion toolkit

A Remotion-based motion design toolkit for coding agents: motion rules with numbers, a contact-sheet self-review loop, a pure-Python sound engine, and a pipeline that captures HTML simulations to 60 fps video. MCP servers such as ElevenLabs for voice are optional.

Output

MP4

Paid API

optional

Runs in

Claude Code, Cursor, Codex, OpenCode

Licence

MIT for the repo's code. Built on Remotion, which is free for individuals, non-profits and companies of up to 3 employees; larger for-profit companies need a company licence.

teardown

Builds any machine as an interactive 3D simulator in one offline HTML page: the machine runs in the middle, panels read its numbers, a button opens each part, and an idle tour drives the page. A capture script renders the tour frame by frame to a 60 fps MP4 with procedural sound. Built on claude-motion.

Output

HTML, MP4

Paid API

none

Runs in

Claude Code

Install

npx skills add elvarofficial/teardown -g -a claude-code

sketchling

A hand-drawn illustration and animation language for coding agents: Claude writes TypeScript with a small vocabulary of strokes, blobs and loops, animates them with drawOn, moveTo and stagger, and sketchling renders to PNG, GIF or MP4 through headless Chromium. Five looks from ink to toon-shaded 3D, multi-scene films and a browser playground.

Output

PNG, GIF, MP4

Paid API

none

Runs in

Claude Code

Claude Design Skillstack

A plugin marketplace of 22 web animation and 3D skills, one per library: GSAP ScrollTrigger, Motion, Anime.js, Lottie, React Spring, Locomotive Scroll, Barba.js, three.js, React Three Fiber, Rive, Spline and more. Install single plugins or bundles; each adds slash commands, an agent and reference files.

Output

Web animation code

Paid API

none

Runs in

Claude Code

Install

/plugin marketplace add freshtechbro/claudedesignskills

GSAP Choreography

Teaches Claude to build scripted, multi-scene product walkthroughs in React with one GSAP timeline: a scripted cursor, click ripples, typed text, scene transitions and play-pause control, with all animation code kept in a single file and the DOM marked by data attributes. The author's own site hero is the live example.

Output

React + GSAP

Paid API

none

Runs in

Claude Code

Motion Video Kit (business-motion-film)

A Claude Code skill for short commercials for real businesses: storyboard, HTML/GSAP motion, selective Three.js, sound rules and an independent-critic loop, with notes on 28 launch films. Its asset step makes stills and clips with an AI image or video generator (a client film uses the client's own footage), but one of its three sample films is all code.

Output

MP4

Paid API

optional

Runs in

Claude Code; other models as pasted context

lemo-opuscar film styles

A library of 59 film styles for Claude Code, each a style prompt plus a demo film; the agent draws, scores and mixes each film by writing code, with text-to-speech narration and no video model. The author says the styles are tuned for Claude Opus 5.5 and may not hold up on other models.

Output

MP4

Paid API

none

Runs in

Claude Code (plugin); other agents by copying the skill folder

Licence

Code and docs MIT; demo films CC BY 4.0. Three demo voice tracks are excluded from reuse.

motionmaxxing quality gate

An early-release skill that makes launch films, promos and kinetic type and checks them with scripted gates, using rules the README says came from 53 professional moments decoded by AI agents and reviewed by a human. Voice and sound need an ElevenLabs key; the README says the skill lives inside FinalMotion, the author's Mac video editor (free at version 1.0 on 27 Oct 2026, per finalmotion.video).

Output

MP4

Paid API

optional

Runs in

Claude Code and other agents that read a SKILL.md folder

Licence

Apache-2.0. Bundled GSAP is under the GSAP Standard License, which is not open source; other bundled parts keep their own licences.

Huashu Design

A design skill whose README names four outputs: clickable app prototypes, editable PPTX, infographics, and timeline animation exported as MP4 (25 or 60 fps) or GIF with music. The core pipeline runs locally with no keys; cloud voice and review are opt-in with your own keys.

Output

MP4, GIF, HTML, PPTX

Paid API

optional

Runs in

Claude Code, Cursor, Codex, OpenClaw, Hermes

Licence

MIT since 2026-05-14, per the README; earlier versions used a personal-use licence.

Motion Design Skill

Motion direction, timing, easing and choreography guidance for AI coding agents.

Design Motion Principles

A motion design audit skill for reviewing interface animations and interaction details.

Motion Design Agent

A library of motion skills and design tokens for animation patterns, effects and accessibility.

Motion Design Skills

Reusable skills covering animation principles, typography, composition and video workflows.

Motion Design for Agents

A Codex and Claude Code skill for adapting visual references into motion films with Higgsfield.

Bang Motion

Build browser-based openers, product promos and typography sequences as self-contained HTML animations.

Opus Video Skills

Style-specific workflows for painted animation and kinetic reels, from storyboards to sound and final encoding.

Claude Animation

Create hand-drawn-style 2D scenes with coded character rigs, textured brushes and synchronized sound.

Claude Remotion Skill

Agent guidance for Remotion compositions, captions, supporting footage and sound design.

Remotion Workflow Skills

A Chinese-language reference for React video composition, animation timing, sequencing and media handling.

Remotion Brand Motion

Plan and render typography, logo and brand-promo videos in portrait and landscape formats.

Apple Motion Study

An independent study of recap-video pacing and kinetic typography, with reusable Remotion guidance.

Kinetic Typography Skills

Animate headlines and staggered text across CSS, GSAP, Motion and Remotion workflows.

HTML Animation Skill

Create time-controlled logo and typography animations in HTML, with workflows for exporting several video formats.

Motion Launch Videos

Skills and example films covering kinetic type, cartoons, 3D, charts, particles and interface promos.

Python Motion Skills

Python workflows for motion infographics, animated charts, keyframe timelines and video export.

Blender Animation Direction

Guidance for product shots, camera movement, lens choice and animation timing in Blender.

CutDirector

Reusable motion prompts and visual recipes for adding explanatory graphics to talking-head footage with ChatCut.

Transcript to Motion Prompts

Break a script or transcript into visual beats and structured prompts for motion production.

24fps Motion Skills

Reference-search guidance for motion prompts, captions, transitions and video-editor presets.

Remotion Koubo Workflow

A Chinese-language pipeline for turning speech footage and subtitles into a video with motion graphics and sound.

Sentry Brand Motion

Sentry-maintained guidance for applying its typography, color, logo and motion rules to Remotion videos.

ReelForge

An agent workflow for coded motion graphics, captions, shader scenes and GPU-rendered video.

AIEV Video Skills

A supervised video workflow combining HyperFrames, GSAP and Remotion, with reusable production skills.

Motion Anything

A motion engine with browser animation recipes, reusable skills and tools for editing and exporting animated designs.

Ad Video Skills

Agent guidance for adapting brand motion templates into ad variations, launch films and testimonials.

Data Animation Skills

Build animated charts and infographics while preserving the underlying values throughout each transition.

E-commerce Video Skills

Turn product screenshots, pricing and photography into demos, sale promos and animated slideshows.

Explainer Video Skills

Plan scripts and storyboards for narrated explainers, recaps and animated diagrams.

Freelance Motion Skills

Practical guides for motion briefs, revisions, delivery specifications and reusable brand motion systems.

Generative Illustration Skills

Combine generated illustration assets with coded structure and animation for expressive motion pieces.

JavaScript Animation Skills

Create code-drawn Canvas films with procedural sound, deterministic rendering and visual checks.

Lower Thirds Skills

Create animated name straps and overlays with transparent video output for streaming and editing.

Manim Animation Skills

Agent guidance for animating equations, plotting functions and rendering mathematical explainers with Manim.

Map Animation Skills

Create editorial map sequences with camera zooms, animated routes, pins and highlighted regions.

Text Message Video Skills

Turn conversation scripts into animated message sequences for short-form videos.

Short-Form Video Skills

Plan and produce vertical video, captions and motion sequences for TikTok, Reels and Shorts.

Web Animation Skills

Reusable guidance for GSAP, SVG, Lottie, interface interactions, page transitions and animation performance.

WebGL Animation Skills

Workflows for Three.js scenes, GLSL shaders and animated particle systems.

YouTube Video Skills

Create channel intros, outros and podcast audiograms with reusable agent workflows.

GSAP Agent Skills

Official GSAP guidance for timelines, scroll animation, plugins and framework integration.

Video Shotcraft

A product-video skill with shot recipes, animated references, storyboarding and Remotion production templates.

Anything to Explainer

A Claude Code and Codex skill for narrated, code-rendered explainers with subtitles and visual quality checks.

Video Talkcraft

Build voiceover-led explainers with word-level timing, motion recipes and Remotion compositions.

Anidoodle

Code-based drawing, animation and scored films with reusable visual styles and agent guidance.

Guizang Product Video

Turn product updates into promotional films using the project’s real components, design language and generated sound.

Genjutsu

Creative coding skills for interface animation, micro-interactions and visual systems across web and native platforms.

Agentic Product Demo

Create product demos as React compositions with motion patterns, preview frames and a rendering pipeline.

Claude YouTube Editor

An agent workflow for editing recordings and adding code-rendered visuals, voice, captions and sound.

Claude Motion Design

Build deterministic HTML motion graphics with beat-aligned scenes and browser-to-video rendering.

Claude Faceless Shorts Creator

Skills for narrated short videos using Remotion, collage or generated footage with synchronized captions.

SaaS Motion Kit

A HyperFrames workflow for software promos with visual themes, transition references and storyboard review.

Motion Graphics Music Video

A Claude Code plugin for planning and assembling music-driven animation with graphics, audio and external media tools.

Motiscope

Analyze timing and easing from a screen recording and recreate motion with GSAP, CSS, Motion or Lottie.

Claude Video Kit

A reviewed-script pipeline for vertical explainers with narration, aligned captions and Remotion rendering.

Animate

Create procedural short films in a single HTML file, with storyboards, visual styles and deterministic rendering.

Persian Motion Director

Motion direction and rendering guidance for connected Persian letters, right-to-left layouts and beat-driven transitions.

Cinetic

A coding-agent skill for branded launch films with shot planning, procedural sound and repeatable rendering checks.

Product Launch Motion

A code-based launch film workflow covering storyboards, voiceover timing, GSAP animation and sound mastering.

Motion Graphics Skills

Agent guidance for directing and rendering HTML motion graphics with camera movement, motion blur and an original soundtrack.

Brand Motion Design

A brand film skill using HyperFrames and Three.js for product launches, feature videos and promotional motion.

SoraLabs Motion Skills

Focused skills for SVG icon gestures, icon morphing and preserving meaningful UI motion under reduced-motion preferences.

Appshot

Remotion primitives and agent skills for creating mobile app previews, website demo videos and store screenshots.

Lemo Wake

Skills for separating an image into layers and choreographing those layers into a short seamless animation loop.

Oil Motion

An agent skill for interactive web animation driven by scroll, pointer, drag, touch or device orientation, from asset generation to front-end wiring.

AI Promo Video Maker

An agent workflow and Remotion template that researches a product, proposes visual directions and assembles a beat-synced promotional film.

HyperFrames Motion Reel

A Claude Code skill that turns a short theme into a beat-locked HyperFrames showreel with GSAP choreography and code-generated sound.

Papercut Explainer

Claude Code skills and a Remotion kit for short vertical explainer reels in a layered cut-paper style.

Take One

A Claude Code skill that turns a one-line idea into a launch video, ad or music video with script, visuals, voice and render.

Extreme Motion Design

A Remotion motion design skill with narration, licensed music, synced sound effects, reference analysis and measured frame checks.

OpenVideoHarness

A video workbench for coding agents with production checkpoints for explainers, product films, music videos and data stories.

Mashhad

A motion design skill for Codex and Claude Code covering creative direction, renderer choice, Arabic typography and non-musical sound.

Motion design skills for Blender and After Effects

Four skills that give Claude motion-design principles plus After Effects and Blender know-how, usable with or without the AE and Blender MCP servers.

Manim Skills

Best-practice skills and examples for both Manim Community Edition and ManimGL, plus a composer skill for planning scenes.

Manim Skill

Skill for Claude Code and Codex that makes 3Blue1Brown-style videos through narration, local Kokoro TTS, Manim code, render and mux, with synced subtitles.

3brown1blue

Python package and Manim skill that plans an explainer for a chosen audience and domain, shows the plan, then generates and audits Manim scenes.

motion-graphics (Bart)

Six single-purpose skills for Claude Code: transcript-timed motion B-roll, background separation, three explainer formats and beat-timed sound effects.

Licence

MIT (LICENSE file; GitHub shows NOASSERTION)

video-spec-builder

Director-style skill that questions you until a vague video idea becomes a shot-by-shot video-spec.md for HyperFrames to render.

Handdraw Story Video

Turns 7-9 hand-drawn story images into a 35-45 s vertical video where line art and then colour reveal left to right, rendered with HyperFrames.

Licence

MIT (GSAP keeps its own terms)

Motion Video

Skill that makes a beat-synced 1080p motion-graphic video in HyperFrames with voice-over, sound effects and music generated through the multix CLI.

code-brand-film

Skill for 15-second brand films built as one HTML page on a paused GSAP timeline, rendered by HyperFrames, with a Python-synthesised score and three QA gates.

Licence

MIT (fonts and GSAP keep their own licences)

claude-motion-explainer

Skills that research a topic and produce a narrated, captioned principle-explainer animation on HyperFrames; states it is unrelated to Anthropic's Claude Motion.

Cinematic Caption for HyperFrames

Skill that turns speech into spatial editorial captions inside a HyperFrames project instead of a fixed subtitle strip.

motion-video (farhan-syah)

Skill that turns a short brief, screenshots or a repo into a motion-graphics MP4 built in HTML/CSS/SVG and rendered frame-exact with headless Chromium and ffmpeg.

Claude Animated Shorts

Skill and full template for 55-70 s vertical story shorts with 2D characters in a 3D world, rendered with three.js inside Remotion.

Remotion Motion Graphics Skills

Four Remotion skills for kinetic text, workflow diagrams, camera moves, terminal inserts and article highlights, with a required format intake.

motion-video-production

Seven-stage skill for 15-90 s promo and character videos with script-checked gates and both Remotion and HyperFrames render engines.

Video Short

Skill that turns a raw recording into a short with B-roll, motion graphics, captions and music, plus a review page for frame-level feedback.

showtime

Local video studio skill for coding agents covering motion graphics, voice-over, music, captions and exports with no cloud AI services or API keys.

Blueprint Before/After

Claude Design skill that explains a UX redesign or a single screen as one continuous blueprint-style animation in numbered steps.

Licence

CC BY-NC 4.0 (commercial use needs permission)

Motion2Code

Skill that rebuilds a motion-design video as inline SVG driven by one seekable GSAP timeline and checks it side by side against the source.

Three.js Claude Skill Package

Package of deterministic Three.js skills for Claude Code covering core APIs, React Three Fiber, WebGPU and physics.

Mint Three.js Skills

Skills for building Three.js apps and games with coding agents, designed as a companion to Mint MCP.

Claude animation skills (reels)

Six Claude Code skills that render reel animations locally, from three.js cartoon explainers and 3D map routes to exploded views and line graphs.

Licence

MIT (LICENSE file; GitHub shows NOASSERTION)

Blender Agent Skills

Skills covering the Blender 5.2 pipeline from modeling and rigging to animation, rendering and QA, installable as a Claude Code plugin.

Claude Blender Skills

Three skills with the real scripts behind the author's Blender films (drone flight, forest, snowy car film) that Claude plans, builds and renders.

xilo-opus-video

Skill that offers three directions with previews before building a code video in Canvas, WebGL, Three.js, Remotion, HyperFrames or Manim.

cinecode

Skill for films made in code (shorts, long YouTube videos, ads, explainers) where the agent writes, builds each frame and designs sound; README in Turkish.

Hermes Agent creative skills

Nous Research's open-source agent ships Manim, ASCII-video, p5.js and Claude-Design skills, plus optional HyperFrames, multi-agent Kanban video, cinematic-website and three.js skills, all in SKILL.md format.

Hermes official plugins: Blender and TouchDesigner

Nous's plugin catalog repo, whose Blender and TouchDesigner plugins pair an MCP server with a workflow skill so an agent can build 3D scenes and real-time visuals.

Auteur

Claude Code skill that plans and builds cinematic scroll-driven websites with generated assets and an anti-slop linter; Hermes ships a pinned port.

Dream Loop

Skill loop that generates concept art, builds a three.js/WebGL or Blender scene, screenshots it and has a critic score it against the concept until it matches.

AI presenter video

Skill that turns a script and one authorised presenter photo into a captioned, lip-synced presenter video with ffmpeg-based editing and acceptance checks.