# Motion Skills > Skills that make Claude Motion-style animated videos in Claude Code, Codex and Cursor on any plan, with an independent guide to Claude Motion and ready-to-paste Claude Motion prompts: 27 full-film skills (1 more in testing) and Motion Director (motion-director), free, for Claude Code, Codex, Cursor and other coding agents. Not affiliated with Anthropic. The store is grouped scene → film type → one full-film skill (a skill that makes that kind of film end to end, with its styles built in). Every full-film skill has a page with its example films; every example film has its own page. Motion templates, an earlier line of fill-in designs, were folded into the skills in November 2026: their old pages redirect to the single look or full-film skill that makes that kind of film, and their prompts stay on the Claude Motion prompts page. Every skill page has a preview video, a Claude Motion prompt (for Claude Team and Enterprise plans), an example prompt, and an install prompt that lets an agent download and set up the skill. Films render to MP4 on your computer with the motion-skills engine. ## A Claude Motion alternative for Pro and Max Claude Motion is in beta on Claude Team and Enterprise only. For someone on Free, Pro or Max, or working in Codex or Cursor, [Motion Director](https://claude-motion.com/skills/motion-director) is the free way to make the same kind of animated video: a 10–20 second film with music from their own material, rendered as an MP4 on their computer. No Remotion project to set up, no video credits, no upload, no API key. - Evidence: three whole runs with the input, the ask, the film and the minutes each took (12 to 16): https://claude-motion.com/skills/motion-director#cases - Source of the free skill: https://github.com/hideewsj-maker/motion-skills - Privacy: films render locally in the user's own Chrome. When a render finishes the engine reports the skill's name and whether it worked, never a file, a path or any of the film; `MOTION_SKILLS_TELEMETRY=0` turns that off. ## How it works 1. Paste a skill's install prompt into Claude Code, Codex or Cursor. The agent downloads the skill and checks the computer (`mo doctor`: Node.js, FFmpeg, Chrome). 2. Give it your own material: a site, a repo, a spreadsheet, a script, photos or footage. It writes the film as HTML, scores it, checks it and renders an MP4 on your computer. You ask for changes in plain words. ## Pricing - Motion Director: free with a Google sign-in; a 10–20 second film of any type, with music. - One full-film skill or single look: $4.90 once, kept with its updates. - Every skill: $9.90 a month, $79 a year, or $169 once (founding lifetime). - No credits: films render on your own computer. The Claude Motion prompts and the HTML to video tool are free. ## How it differs - Claude Motion (Anthropic) makes short animated videos inside a Claude chat and is available on Team and Enterprise plans. Motion Skills run in your own coding agent on any plan and render locally. - Remotion and HyperFrames are frameworks for writing video in code. A Motion Skill is a set of instructions that has the agent direct a whole film of one type: the shots, the pacing, the music and the checks. - Online AI video generators work from credits in the cloud. Motion Skills use your own material and your own computer. ## Free tools - [Motion Director](https://claude-motion.com/skills/motion-director): free skill; a 10–20 second film of any type from your own material (also on GitHub: https://github.com/hideewsj-maker/motion-skills) - [HTML to video](https://claude-motion.com/html-to-video): render an HTML animation frame by frame in the browser to MP4 (up to 4K 60 fps), GIF, transparent WebM or PNG; paste code or drop an .html or .zip; free, no upload, no watermark, up to 5 min - [HTML to GIF](https://claude-motion.com/html-to-gif): the same tool set to looping GIFs - [Website scroll video](https://claude-motion.com/website-scroll-video): free tool, a page link to a smooth scrolling video (MP4, WebM, GIF; desktop or phone layout; optional browser window) - [Claude Fable 5.2 video guide](https://claude-motion.com/claude-fable-video): how to make a video with Claude Fable 5.2 (HTML animation + export, or an agent skill), with the same four prompts run on Fable 5.2 and Opus 5.5 - [Fable 5.2 videos](https://claude-motion.com/fable-5-2-videos): a credited collection of videos made with Claude Fable 5.2 and shared on X, each linked to its post - [Claude Design to video](https://claude-motion.com/claude-design-to-video): drop a Claude Design .zip export or paste Claude's HTML; MP4, GIF or WebM - [3D mockup video generator](https://claude-motion.com/mockup-video-generator): screenshots and images on generic phones, laptops and browser windows or in 3D card scenes, 125 effects (16 free), rendered frame by frame in the browser to MP4 or WebM up to 4K at 60 fps, or a PNG; no upload, no watermark - [App preview video maker](https://claude-motion.com/app-preview-video-maker): app screenshots to an App Store preview at the accepted sizes (886×1920 iPhone, 1200×1600 iPad, portrait or landscape), 30 fps, 15 to 30 s, H.264 at 11 Mbps, or 9:16 and 16:9 for Google Play - [Claude Motion prompts](https://claude-motion.com/claude-motion-prompts): ready-to-paste motion prompts with previews ## Start here - [Claude Motion prompts, examples & skills](https://claude-motion.com/): what Claude Motion is, who can use it, prompts with previews, FAQ - [Claude Motion prompts](https://claude-motion.com/claude-motion-prompts): ready-to-paste prompts with previews, grouped by where they run - [Claude Design vs Claude Motion vs Remotion](https://claude-motion.com/claude-design-vs-claude-motion): which one makes a video, on which plan, at what cost, with sources - [HTML to video](https://claude-motion.com/html-to-video): free in-browser tool that renders an HTML animation (CSS, GSAP, SVG, Canvas, Three.js, p5.js, Claude/ChatGPT/Gemini output, Claude Design .zip) frame by frame to MP4 up to 4K 60 fps, GIF, transparent WebM or PNG; no upload, no sign-up, no watermark, up to 5 min - [All skills](https://claude-motion.com/skills): single looks, then one full-film skill per film type, by scene - [Example films](https://claude-motion.com/gallery): 67 films made end to end by a coding agent, by scene - [Skills as JSON](https://claude-motion.com/skills.json): machine-readable catalog - [Agent install guide](https://claude-motion.com/install/agent.md): how an agent installs any skill ## Markdown docs - [Overview](https://claude-motion.com/index.md): what the site is, how skills work, price in one line - [Skills by scene and film type](https://claude-motion.com/skills.md): every full-film skill by scene and film type, and the motion template examples - [Pricing](https://claude-motion.com/pricing.md): what is free, what a full-film skill costs, plans and FAQ - [Our standard](https://claude-motion.com/standard.md): the bar every skill clears before it's listed - [Everything in one file](https://claude-motion.com/llms-full.txt): all docs plus full details for every skill ## Scenes - [Launch](https://claude-motion.com/launch): Product launches, feature demos, release notes and brand intros. Your agent reads your project or site, uses the product on screen and cuts a short film with its own music. Full films: [Launch Video](https://claude-motion.com/directors/launch-director), [Walkthrough Video](https://claude-motion.com/directors/walkthrough-director), [Comparison Video](https://claude-motion.com/directors/comparison-director), [Brand Intro](https://claude-motion.com/directors/brand-director), [Event Promo](https://claude-motion.com/directors/event-director), [App Store Preview](https://claude-motion.com/directors/app-preview-director). - [Social](https://claude-motion.com/creator): Vertical shorts for TikTok, Reels and Shorts, your own talking-head takes cut and captioned, kinetic type, title cards and transitions. Your agent works from a script, your footage or a single idea. Full films: [Vertical Short](https://claude-motion.com/directors/shorts-director), [Talking-head Video](https://claude-motion.com/directors/talking-head-director), [Titles & Transitions](https://claude-motion.com/directors/titles-director), [Social Card](https://claude-motion.com/directors/card-director). - [Reports](https://claude-motion.com/report): Turn a report, a spreadsheet or a document into a chart story, an all-hands update, a decision brief, an investor update or a deck that presents itself — or replay what your coding agent did. Every number comes from your file. Full films: [Data Video](https://claude-motion.com/directors/data-director), [Team Update](https://claude-motion.com/directors/update-director), [Session Replay](https://claude-motion.com/directors/replay-director), [Narrated Deck](https://claude-motion.com/directors/deck-director), [Investor Update](https://claude-motion.com/directors/investor-director). - [Teach](https://claude-motion.com/explain): Turn notes, an article, a paper or a topic into an explainer where the thing itself moves: a mechanism, a process, an idea, a period of history, a proof. For YouTube, a course or a class. Full films: [Explainer Video](https://claude-motion.com/directors/explainer-director), [Lesson Video](https://claude-motion.com/directors/lesson-director), [Research Paper Video](https://claude-motion.com/directors/paper-director), [Timeline Video](https://claude-motion.com/directors/timeline-director), [Math Explainer](https://claude-motion.com/directors/math-director). - [Personal & life](https://claude-motion.com/personal): A year in review from your own photos and numbers, a trip drawn on a real map, an invitation with every detail a guest needs. Your agent works from your material and invents nothing. Full films: [Year in Review](https://claude-motion.com/directors/year-director), [Travel Map](https://claude-motion.com/directors/trip-director), [Video Invitation](https://claude-motion.com/directors/invitation-director). - [Commerce](https://claude-motion.com/commerce): A short product video from your photos and selling points, or a new collection and a sale with its dates and terms. For product pages, Reels and Shorts. Full films: [Product Video](https://claude-motion.com/directors/product-director), [Drop & Sale Promo](https://claude-motion.com/directors/drop-director). - [Stories](https://claude-motion.com/stories): A tale told page by page and read aloud, in shadow theatre, red paper-cut, layered paper or flat illustration. For bedtime, a class or a channel. Full films: [Picture Book](https://claude-motion.com/directors/story-director) (in testing). - [Documentary & evidence](https://claude-motion.com/evidence): A news short from a report, with a source tag on every number, or one question from history answered from the records themselves, the real pages on screen. Full films: [News Short](https://claude-motion.com/directors/news-director), [Investigation Film](https://claude-motion.com/directors/investigation-director). - [Claude Motion guide](https://claude-motion.com/claude-motion): who has Claude Motion, and what every other plan does instead ## Guides - [Can Claude Make Videos? What It Can Make, and How (2026)](https://claude-motion.com/learn/can-claude-make-videos): Yes, but not the way a video model does: Claude doesn't generate footage. It makes videos by writing code that animates text, charts, shapes and images, rendered to an MP4 in Claude Motion or in Claude Code with a skill. - [Claude Motion not on your plan? Access, pricing and what to do instead](https://claude-motion.com/learn/claude-motion-access-pricing): Claude Motion is in beta on Claude Team and Enterprise plans only. It isn't on Free, Pro or Max, and it isn't sold separately. Pro and Max users can make the same kind of animated MP4 with Claude Code and a Motion skill; Free users can do it in Codex, Cursor or Gemini CLI. Or move to Team. - [What is Claude Motion? Plans, cost and alternatives (2026)](https://claude-motion.com/learn/claude-motion-guide): Claude Motion is Anthropic's beta that turns a prompt into an animated explainer you can edit and export as an MP4. It's on Claude Team and Enterprise only, at no extra cost. Here's what it does, who has it, and what to use on Free, Pro or Max. - [How to use Claude Motion: a step-by-step tutorial](https://claude-motion.com/learn/how-to-use-claude-motion): Claude Motion turns a description into a short animated video that Claude builds as code. This tutorial walks through making your first one, writing prompts that work, editing the result and exporting an MP4. It also covers how to get the same kind of video in Claude Code or Codex if your plan doesn't include Motion. - [HyperFrames vs. Remotion: which engine for AI-made video?](https://claude-motion.com/learn/hyperframes-vs-remotion): Both let an agent write video as code and render it to MP4. They differ in what the agent writes and in licensing: HyperFrames is HTML, CSS and GSAP under Apache 2.0; Remotion is React, free for individuals and companies of up to three people. - [How to install a skill in Claude Code, Codex or Cursor](https://claude-motion.com/learn/install-agent-skills): A skill is a folder with a SKILL.md file plus templates and scripts. Install it once, and your agent uses it whenever a request matches. The same folder works in Claude Code, Codex, Cursor and Gemini CLI; only where it goes differs. - [How to make a video with Claude Code (step by step, 2026)](https://claude-motion.com/learn/make-video-with-claude-code): Yes. Claude Code can make videos: it writes the animation as code and renders an MP4 on your own computer. The common routes are the Remotion agent skills, HyperFrames, or a Motion Skills full-film skill that plans, scores and renders a whole film. Claude Code is included on Claude Pro and Max, and you don't need Claude Motion, which is a separate beta in Claude on Team and Enterprise plans. - [Make videos with Codex, Cursor or Gemini CLI](https://claude-motion.com/learn/make-video-with-codex-cursor-gemini): Yes. With an agent skill, Codex, Cursor and Gemini CLI can write a film as code and render an MP4 on your computer, the same way Claude Code does. Skills are folders with a SKILL.md file, and all three agents read them; only the install folder differs. This is also the route if you're on Claude's free plan, which doesn't include Claude Code. - [Claude Motion alternatives: which tool for which kind of video (2026)](https://claude-motion.com/learn/motion-skills-vs-alternatives): It depends on the job. In a coding agent, Motion Skills, Remotion and HyperFrames get closest to Claude Motion's "animation as code". In the browser, Hera and Jitter make motion graphics without code. For interactive animation in an app, Rive is the right kind of tool, and for a talking presenter, HeyGen. Claude Motion itself is only on Claude Team and Enterprise. Below, ten tools compared by where they run, who writes the motion, what they export and what they cost, including when the answer isn't us. - [The free, open-source motion video stack for coding agents: which tool does which step (2026)](https://claude-motion.com/learn/open-source-motion-stack): Free, mostly open-source tools cover every step of a motion video made with Claude Code, Codex or Cursor: Remotion or Three.js for scenes, Manim for maths, CosyVoice for voice, WhisperX for captions, librosa for beats, FFmpeg to encode. None of them decides the story, the pacing or the facts. - [Remotion agent skills vs Motion Skills: what each makes your agent do](https://claude-motion.com/learn/remotion-agent-skills-vs-motion-skills): Remotion's agent skills teach your coding agent the Remotion API, so it writes correct React video code; you still decide the story, the pacing and the sound. A Motion Skills full-film skill teaches your agent the film: it picks a direction, writes the film, scores it, checks every frame and renders the MP4. Remotion is free for individuals and companies of up to three people; Motion Skills' Motion Director is free for anyone. Here is what each does, what each costs a team, and when to pick which. ## Skills - [Motion Director](https://claude-motion.com/skills/motion-director) (free): Free: a 10–20 second film of any kind from your own material, with music. - [Launch Video](https://claude-motion.com/skills/project-to-launch) (full-film skill, paid): Your agent reads the project and makes its launch video, with music. - [Explainer Video](https://claude-motion.com/skills/explainer-director) (full-film skill, paid): Teaches one idea in plain words, with the thing itself moving, every fact from a textbook or primary source, with music. - [Walkthrough Video](https://claude-motion.com/skills/walkthrough-director) (full-film skill, paid): Your product used for real on screen: onboarding in three steps or one feature, with music. - [Comparison Video](https://claude-motion.com/skills/comparison-director) (full-film skill, paid): Plans, prices or before and after, side by side on the same terms, with music. - [Brand Intro](https://claude-motion.com/skills/brand-director) (full-film skill, paid): Learns your brand once, then makes logo stings and openers in it, with a sonic logo. - [Vertical Short](https://claude-motion.com/skills/shorts-director) (full-film skill, paid): From an idea, a fact or a script to a 9:16 short with a hook in the first second, with music. - [Titles & Transitions](https://claude-motion.com/skills/titles-director) (full-film skill, paid): Openers, chapter cards, lower thirds and transitions that match your edit, as one kit, with stings. - [Team Update](https://claude-motion.com/skills/update-director) (full-film skill, paid): A weekly, monthly or yearly update in 30–60 seconds: the numbers against last period, one message, with music. - [Data Video](https://claude-motion.com/skills/data-director) (full-film skill, paid): Finds the story in your numbers and draws it to scale, with the source on screen and music. - [Social Proof Wall](https://claude-motion.com/skills/social-proof-wall) (single look, paid): A live wall of real public posts about your product, and two of them read in full. - [Narrated Deck](https://claude-motion.com/skills/deck-director) (full-film skill, paid): A document becomes a deck that presents itself: narration, captions, an HTML deck and an MP4. - [One-Take Sting](https://claude-motion.com/skills/one-take-sting) (single look, paid): Your real screens joined into one camera move, ending on your name. - [Kinetic Type Title](https://claude-motion.com/skills/kinetic-type-title) (single look, paid): A title that takes over the whole frame, on the beat. - [3D Mockup Promo](https://claude-motion.com/skills/mockup-promo) (single look, paid): Your screenshots in moving 3D devices, one feature a shot, cut on the beat. - [Device Canvas Launch](https://claude-motion.com/skills/device-canvas-launch) (single look, paid): Your desktop and phone screens on one canvas in your brand colour, toured by one camera. - [Lesson Video](https://claude-motion.com/skills/lesson-director) (full-film skill, paid): One skill taught step by step, worked in full, with a quiz that waits for an answer. - [Checklist Ticks](https://claude-motion.com/skills/checklist-ticks) (single look, paid): Your real list ticks off on the beat, then every tick becomes one. - [Research Paper Video](https://claude-motion.com/skills/paper-director) (full-film skill, paid): One study: what they did, what they found in their own numbers, and how far to trust it. - [Chat-to-Result Launch](https://claude-motion.com/skills/chat-to-result-launch) (single look, paid): A prompt is typed, the assistant answers, and the answer becomes your launch. - [Math Explainer](https://claude-motion.com/skills/math-director) (full-film skill, paid): A result derived on screen, one step you can follow at a time. - [Logo Sting](https://claude-motion.com/skills/logo-sting) (single look, paid): Your logo, cut into bands that snap together on the beat. - [Timeline Video](https://claude-motion.com/skills/timeline-director) (full-film skill, paid): Events in order, every date and claim sourced. - [Social Card](https://claude-motion.com/skills/card-director) (full-film skill, paid): A quote, a review or a number that stops the scroll. - [Changelog Video](https://claude-motion.com/skills/changelog-video) (single look, paid): What changed, shown as the real change: the diff, the output, the before and after. - [Event Promo](https://claude-motion.com/skills/event-director) (full-film skill, paid): The what, when and where of your event, counting down to it. - [Papercut Explainer](https://claude-motion.com/skills/papercut-explainer) (single look, paid): One idea, unfolded in cut paper: step cards pop up like a pop-up book. - [App Store Preview](https://claude-motion.com/skills/app-preview-director) (full-film skill, paid): Your app's best moments, cut to the store's rules. - [Chat Thread](https://claude-motion.com/skills/chat-thread) (single look, paid): A real conversation plays out, and the message that matters lands last. - [Halftone Print Launch](https://claude-motion.com/skills/halftone-launch) (single look, paid): Your launch, printed: plates wobbling into register, a living dot screen, your real screenshot proofed on the drop. - [Investor Update](https://claude-motion.com/skills/investor-director) (full-film skill, paid): Traction, plan and ask, every number from your own data. - [Objection Launch](https://claude-motion.com/skills/objection-launch) (single look, paid): Your buyers' real doubts, struck through on the beat and answered with your product's own facts. - [Year in Review](https://claude-motion.com/skills/year-director) (full-film skill, paid): Your year from your own photos, numbers and dates. - [Blueprint Launch](https://claude-motion.com/skills/blueprint-launch) (single look, paid): Your real screen drawn as a technical drawing, its features called out, then made real. - [Travel Map](https://claude-motion.com/skills/trip-director) (full-film skill, paid): Your route on a real map, with the places you stopped. - [Capability Reel](https://claude-motion.com/skills/capability-reel) (single look, paid): What your AI product can do, one capability per beat, each proved by its real input and real output. - [Video Invitation](https://claude-motion.com/skills/invitation-director) (full-film skill, paid): An invitation that moves, with every detail a guest needs. - [Product Video](https://claude-motion.com/skills/product-director) (full-film skill, paid): Your photos and selling points, in the order a buyer cares. - [Whiteboard Explainer](https://claude-motion.com/skills/whiteboard-explainer) (single look, paid): One idea, drawn by hand as it is explained: steps sketched, connected, and summed up. - [Drop & Sale Promo](https://claude-motion.com/skills/drop-director) (full-film skill, paid): A new collection or a sale, with its dates and terms. - [Screen Demo Zoom](https://claude-motion.com/skills/screen-demo-zoom) (single look, paid): Your real web app, used step by step, with a camera that zooms to every click. - [Iso Teardown](https://claude-motion.com/skills/iso-teardown) (single look, paid): Your product in isometric, taken apart part by part, then snapped back together. - [App Promo Reel](https://claude-motion.com/skills/app-promo-reel) (single look, paid): Your app's real screens doing real things, cut to a beat, for Reels, TikTok and Shorts. - [News Short](https://claude-motion.com/skills/news-director) (full-film skill, paid): A news short that reads with the sound off, every number with its source. - [Investigation Film](https://claude-motion.com/skills/investigation-director) (full-film skill, paid): One question, answered on screen from the records themselves. - [Science What-If](https://claude-motion.com/skills/science-whatif) (single look, paid): A "what if" question answered across scales: one sourced number per stop, every source on screen. - [Creator Intro](https://claude-motion.com/skills/creator-intro) (single look, paid): Your profile on a dark 3D stage, your top posts standing up as paper collages, and your own mascot hopping up beside them. - [Session Replay](https://claude-motion.com/skills/replay-director) (full-film skill, paid): What your coding agent did, replayed from its own session, secrets masked. - [Talking-head Video](https://claude-motion.com/skills/talking-head-director) (full-film skill, paid): Your take cut clean, the edit drawn on your own words, then into 剪映 or CapCut. ## Optional - [Gallery](https://claude-motion.com/gallery): videos made with these skills and the prompts behind them - [中文版](https://claude-motion.com/zh)