motion-launch-videos

motion-3d

skills/motion-3d/SKILL.md

Make a looping 3D motion-graphics film, 6 to 20 seconds, from a short brief. Real extruded, bevelled 3D type and SVG logos, plus boxes, spheres, tori, cylinders, cones and capsules, lit by a key light with soft shadows on a seamless floor, turning, flipping, hopping and orbiting on springs under a moving camera. Claude writes the film as one self-contained HTML file (a small WebGL2 renderer, no libraries) driven by a pure seek(t), checks it with an automated critique, and renders it to MP4, GIF and poster, square, vertical or wide, with real motion blur and a verified seamless loop. Use it for a 3D logo sting, a 3D title or wordmark reveal, an abstract 3D product teaser, a spinning badge, or a social loop with 3D type. Not for photoreal product renders, imported 3D models or characters. Other styles have their own skills: motion-launch-videos (kinetic type), motion-shapes, motion-cartoon, motion-charts, motion-pixel, motion-particles, motion-ui, motion-photo, motion-captions, motion-overlays and motion-globe.

motion-captions

skills/motion-captions/SKILL.md

Make a captioned clip, 15 to 60 seconds, from the user's own voice-over, podcast cut, interview or talking-head audio and its transcript. The words appear in time with the speech, as on Reels, TikTok, Shorts and LinkedIn, where most people watch muted - pop captions (1 to 3 big words, each popping as it is said), a karaoke line with a moving highlight, classic subtitles, or an audiogram with a speaker card and bars driven by the voice. Claude writes one HTML canvas file driven by a pure seek(t), lays the transcript out once without paraphrasing it, checks reading speed, time on screen, sync to the frame, contrast and the platforms' safe zones, and renders MP4 with the voice at 9:16, 1:1 or 16:9. Not for transcribing audio (bring a transcript) or films without a voice. Other styles have their own skills: motion-launch-videos (kinetic type), motion-shapes, motion-cartoon, motion-3d, motion-charts, motion-pixel, motion-particles, motion-ui, motion-photo, motion-overlays and motion-globe.

motion-cartoon

skills/motion-cartoon/SKILL.md

Make a looping cartoon of an original mascot or character, 6 to 20 seconds, from a short brief. A bean-shaped rig with rubber-hose arms and an antenna walks, hops, blinks, waves, reacts, talks in a bubble and holds up a sign with the product's name, in outlined flat colour with cel shading, on twos with a boiling line, squash and stretch, follow-through and a sunburst stage. Claude writes the film as one self-contained HTML canvas file driven by a pure seek(t), checks it with an automated critique, and renders it to MP4, GIF and poster at 1:1, 9:16 or 16:9 with a verified seamless loop. Use it for a mascot intro, a brand character saying hi, a reaction loop or sticker, or a playful launch teaser. Not for existing or trademarked characters, real people or lip-sync to audio. Other styles have their own skills: motion-launch-videos (kinetic type), motion-shapes, motion-3d, motion-charts, motion-pixel, motion-particles, motion-ui, motion-photo, motion-captions, motion-overlays and motion-globe.

motion-charts

skills/motion-charts/SKILL.md

Make a looping animated data story, 6 to 20 seconds, from a brief and its numbers. A key metric counts up to its exact figure, bars and columns grow from zero with labels counting on the same spring, lines draw on, donuts sweep, a note points at the peak, the source always on screen. Claude writes the film as one self-contained HTML canvas file driven by a pure seek(t), binds every number to sourced data, runs a critique that fails dishonest charts (truncated axes, overshooting values, missing sources, parts that do not sum, legends, 3D), and renders MP4, GIF and poster with real motion blur and a verified seamless loop. Use it to "animate our numbers": a launch stat or milestone, a KPI or growth chart, a year in review, a before and after, a ranking. Not for numbers without a source. Other styles have their own skills: motion-launch-videos (kinetic type), motion-shapes, motion-cartoon, motion-3d, motion-pixel, motion-particles, motion-ui, motion-photo, motion-captions, motion-overlays and motion-globe.

motion-globe

skills/motion-globe/SKILL.md

Make a data globe film, 20 to 40 seconds, of a network or a launch, worldwide. A dotted Earth from real geography forms out of the dark; the camera dives, hops and flies along great circles; routes arc between cities; pins rise as beams with HUD cards that type a query and count up their numbers; a region title, telemetry, a running total; the globe recedes into the lockup. Claude writes one self-contained HTML canvas file driven by a pure seek(t), checks every place against its country and every number against sourced data, runs a critique (card collisions, contrast over the globe, reading time, camera height), scores it with a bed and cues, and renders MP4, GIF and poster with motion blur at 16:9, 9:16 or 1:1. Use it for "show our network", coverage, new markets. Not for street maps. Other styles have their own skills: motion-launch-videos (kinetic type), motion-shapes, motion-cartoon, motion-3d, motion-charts, motion-pixel, motion-particles, motion-ui, motion-photo, motion-captions and motion-overlays.

motion-launch-videos

skills/motion-launch-videos/SKILL.md

Make a kinetic-typography launch bumper or brand identity sting, a 6 to 20 second looping video of big animated type, from a short brief (product, message beats, palette, formats, duration). Claude writes the film as one self-contained HTML canvas file driven by a pure seek(t), laid out for 1:1, 9:16 and 16:9 from one config, then renders it to MP4 with real subframe motion blur, a verified seamless loop, a preview GIF and a poster. Use it for a launch video, product bumper, promo loop, animated type teaser, logo or identity sting, or a social video announcing a product, made in code rather than edited footage. Not for screen recordings, narrated explainers, talking heads or long product demos. Other styles have their own skills: motion-shapes, motion-cartoon, motion-3d, motion-charts, motion-pixel, motion-particles, motion-ui, motion-photo, motion-captions, motion-overlays and motion-globe.

motion-overlays

skills/motion-overlays/SKILL.md

Make an animated overlay for editors and streamers to lay over their own footage, delivered with alpha: a lower third (name and role, a place, a quote's attribution), a title or chapter card, social handles and a subscribe button, a YouTube end screen round the platform's elements, a corner bug, a callout pointing into the footage, a progress bar or a LIVE badge. Each comes in on springs with motion blur, holds as long as asked and goes out. Claude writes it as one self-contained HTML canvas file driven by a pure seek(t), checks safe areas, the 9:16 feeds' UI, contrast on unknown footage, reading time and clean alpha, and renders a ProRes 4444 .mov and a VP9 .webm with alpha, an MP4 and GIF preview, at 16:9, 9:16 or 1:1. Not for captions timed to speech or complete films. Other styles have their own skills: motion-launch-videos (kinetic type), motion-shapes, motion-cartoon, motion-3d, motion-charts, motion-pixel, motion-particles, motion-ui, motion-photo, motion-captions and motion-globe.

motion-particles

skills/motion-particles/SKILL.md

Make a particle motion-graphics loop, 8 to 15 seconds, from a short brief. Thousands of particles drift as a starfield, swarm into a word, the user's logo or a mark, burst into streaks and reform, then dissolve; spheres and grids too. Claude writes the film as one self-contained HTML canvas file driven by a pure seek(t), checks it with an automated critique (whether each particle word reads at feed size, the live area, the seam), and renders it to MP4, GIF and poster, square, vertical or wide, with motion streaks and a verified seamless loop. Use it for a particle logo reveal, a launch sting where a name forms out of dust, a swarm into text or explode and reform transition, or an ambient particle loop for a landing page. Not for realistic smoke, fire or liquid simulation. Other styles have their own skills: motion-launch-videos (kinetic type), motion-shapes, motion-cartoon, motion-3d, motion-charts, motion-pixel, motion-ui, motion-photo, motion-captions, motion-overlays and motion-globe.

motion-photo

skills/motion-photo/SKILL.md

Make a looping product or photo reel, 8 to 15 seconds, from the user's own images (product shots, screenshots, cutouts, venue photos). Photos drift in crops (Ken Burns), reveal through wipes, circles, splits and shapes, float as parallax cutouts, slide past in a carousel or stack, compare in a before/after slider, assemble into a mosaic and carry price and feature tags on leader lines. Claude writes one HTML canvas file driven by a pure seek(t), critiques it (image resolution, text contrast on the pixels behind it, subjects kept in every crop) and renders MP4, GIF and poster at 9:16, 1:1 or 16:9 with motion blur and a seamless loop. Use it for a product reel, a collection drop, a screenshot tour, an event recap or a before and after. Not for stock photos or images the user may not use. Other styles have their own skills: motion-launch-videos (kinetic type), motion-shapes, motion-cartoon, motion-3d, motion-charts, motion-pixel, motion-particles, motion-ui, motion-captions, motion-overlays and motion-globe.

motion-pixel

skills/motion-pixel/SKILL.md

Make a pixel-art motion loop, 6 to 20 seconds, from a short brief. A low-resolution canvas scaled up by a whole number, a strict palette of at most 16 colours, ASCII-art sprites with run cycles, parallax strips, tile maps and a built-in bitmap font. Claude writes the film as one self-contained HTML file driven by a pure seek(t), checks it with an automated critique (every pixel a palette colour, whole-pixel positions, whole sprite cycles, text contrast on its real backdrop), and renders it to MP4, a crisp GIF and a poster at 1:1, 9:16 or 16:9 with a verified seamless loop. Use it for a game launch teaser, an 8-bit title screen with a blinking PRESS START, a retro promo, a pixel sticker, or a hero running through a scrolling world. Not for existing games' characters, sprites or palettes. Other styles have their own skills: motion-launch-videos (kinetic type), motion-shapes, motion-cartoon, motion-3d, motion-charts, motion-particles, motion-ui, motion-photo, motion-captions, motion-overlays and motion-globe.

motion-shapes

skills/motion-shapes/SKILL.md

Make a flat 2D motion-graphics loop, 6 to 20 seconds, from a short brief. Circles, rounded rects, polygons, stars, arcs, lines and SVG paths pop in, draw on, morph and ripple in grids and rings, with type, circle and bar wipes and a camera. Claude writes the film as one self-contained HTML canvas file driven by a pure seek(t), checks it with an automated critique, and renders it to MP4, GIF and poster with real motion blur and a verified seamless loop. Use it for an explainer-style product promo, a feature highlight told with icons, an animated logo or icon (draw-on then fill), a shape-driven launch bumper or a social loop, made in code rather than After Effects. Not for screen recordings or narrated explainers. Other styles have their own skills: motion-launch-videos (kinetic type), motion-cartoon, motion-3d, motion-charts, motion-pixel, motion-particles, motion-ui, motion-photo, motion-captions, motion-overlays and motion-globe.

motion-ui

skills/motion-ui/SKILL.md

Make a looping app or product UI promo, 8 to 15 seconds, from the user's screenshots or live site. A phone, tablet or browser window shows their real screens, rebuilt from primitives in their colours and copy, driven like a live demo: a finger or cursor taps, scrolls and types, screens push and expand, sheets and toasts open, the camera focuses, with short callouts and a closing lockup. Claude writes one self-contained HTML canvas file driven by a pure seek(t), checks it with an automated critique, and renders MP4, GIF and poster with real motion blur and a verified seamless loop, square, 9:16 or 16:9 from one film. Use it for an app launch video, an app-store style preview, a feature announcement, a changelog clip or a landing-page hero. Not for screen recordings of a real app. Other styles have their own skills: motion-launch-videos (kinetic type), motion-shapes, motion-cartoon, motion-3d, motion-charts, motion-pixel, motion-particles, motion-photo, motion-captions, motion-overlays and motion-globe.