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 (design-to-motion)

design-to-motion has the agent rebuild a static design as a pixel-exact HTML page, animate it from an empty state into a seamless loop, and export an MP4 for X plus two GIFs; it steps a fake clock frame by frame instead of screen recording. The companion landing-page-design skill builds landing pages.

Output

MP4, GIF, HTML

Paid API

none

Runs in

Claude Code, Cursor, Codex, Windsurf

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.

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.