Video & Animation

Design and implement editable HTML5 animation for Google Web Designer banner projects. Input is either a layered GWD project folder or an Illustrator artboard (split into 2x layers via the Illustrator MCP and built into a new GWD project). Motion either follows a supplied sample GWD banner from the same set (template mode) or is a fresh concept per project (free mode). Includes GWD-safe keyframes, validation, and ZIP delivery. Use when the user asks for a GWD/HTML5 banner animation or to turn an Illustrator banner into a GWD project. Do not use for flattened GIF/video-only exports or unrelated web-page animation.

Required guide for every Workyol task. Load this before calling any Workyol MCP tool, because it holds the setup check, the confirm steps and the opt-in rules. Runs Workyol from Claude: prepares WhatsApp campaigns to opted-in lists, reads the WhatsApp/Instagram/Messenger inbox and drafts replies, adds auto-replies and comment-to-DM rules, and schedules Reels, photos, LinkedIn posts and YouTube videos. Use when the person asks about WhatsApp campaigns, an Instagram or Messenger inbox, auto-replies, comment-to-DM, or scheduling social posts with Workyol.

Make a 60-second vertical 'What if…' 3D science reel (Three.js scene, narrator, captions, sound) from a one-line idea for @the.whatif.studio.

Burn-in captions for conversational / dialogue short videos (Reels, Shorts, TikTok, 1:1, 16:9) from word timings: every spoken word, one fixed bottom baseline with every line centred (no lifts, no sideways shifts; overlaps with faces / hands / fire are logged as accepted, an optional collision lift is logged with reason and px), speaker told apart by a colour accent or micro-marker, no lyric-style bounce, WCAG contrast checked per frame. Outputs a canonical captions manifest (JSON), a baked preview, plain SRT, styled ASS and WebVTT, plus a validator that measures the rendered pixels against the profile. Use when asked to "add subtitles / captions to a dialogue video", "субтитры для диалога / скетча / рилса", "сделай сабы как в шортсах", "burn captions without covering faces", "karaoke captions with active word", "проверь субтитры по safe zone", or to export SRT / ASS / VTT from word timestamps (ElevenLabs Scribe, Groq Whisper).

Creates Roblox Studio recreations of anything shown in a reference video, as precisely as possible — VFX abilities, ultimates, domains and cutscenes, character and enemy animation, and gameplay systems (combat and combos, hitboxes, stuns, dashes and movement tech, abilities with cooldowns, HUD/UI, shops/inventories, round loops, NPC behaviour), with optional custom VFX meshes and flipbooks built in Blender. Use when the user shares a video, clip or recording (mp4, mov, gif, screen recording) of a Roblox game, move, mechanic or effect and wants it copied, recreated, made "exactly like this" or bound to a key, or asks to refine, retime or re-animate something built this way, even without mentioning the video again.

Produce short vertical (9:16) hand-drawn stick-figure explainer/story videos (Instagram Reels / Shorts / TikTok history & anecdote style) from a script, using a Python renderer driven by a JSON storyboard. Cream paper background, black-ink stick figures, one red accent colour, optional sun motif, and captions whose red emphasis follows the spoken word when word timings are supplied. Use whenever the user wants an animated explainer, stickman video, "çöp adam" animasyon, kısa hikâye/tarih/anekdot videosu, or asks to automate this kind of video with an AI coding agent — even if they only say "make a video like this reel".

Turn what someone met while using an app (a bug report, a friction, a « why is this here? ») into the experience the product should establish, find the structural reason, fix the structure, try it yourself in a real browser with Beam Lisp's browser namespace, and keep it as a filmed scenario with the model on tape. Use when Othman reports things he found using an app, asks you to test manually or « use it yourself », or wants features documented as videos.

Record a human-paced MP4 walkthrough of a UI change, to attach to a PR. Covers web apps through headless Playwright, and Electron desktop apps through a real display or window capture. Holds the rules for conducting a recording; the mechanism for each surface is in reference/. TRIGGER when: The user wants to record, capture, or demo a UI change as a video or screen recording, show functionality in use for a PR, or make a walkthrough clip of their web or Electron app. DO NOT TRIGGER when: A static screenshot is enough, the user only wants to run tests rather than record a demo, or the clip is a polished film for docs or marketing.

Improve scientific reports and journal manuscripts with scientist-led interpretation, section and paragraph review, restrained proofreading, formatting to any supplied report or journal template, automatic Word numbering and cross-references, EndNote field preservation, and reviewable changes. Use for drafting, revision, captions, references, or submission checks; an optional NESP profile is included.

Hacer un video explicativo animado por código (motion graphics 3D con Three.js, vertical 9:16) de principio a fin — guion con datos verificados, voz (ElevenLabs o local gratis), escenas 3D por partes hechas por agentes constructores, render determinista cuadro por cuadro con Chrome sin ventana, música sintetizada, revisión automática, revisores y entrega. Úsala cuando el usuario pida un "explicador", "video animado", "motion graphics", "video en 3D que explique…", o rehacer/corregir uno. Para el guion solo, usa la skill guion; para buscar o aportar modelos 3D, la skill biblioteca.

Review a tennis practice video and produce a coaching report. Detects every swing, separates forehands and backhands, picks the best and worst shots and renders annotated slow-motion clips with the swing path drawn on the player, counts net/out when the ball is visible, checks knees and footwork, compares with past sessions, and writes a concrete plan for the next practice. Use when someone uploads a practice video, asks for a session review, or asks what to practice next.

Full end-to-end Age of Empires video editing and publishing workflow. Detects and cuts session recordings into individual game clips in date subfolders, extracts age transition chapters, keeps post-game analysis, trims queues/idle, discards games under 7 minutes while maintaining original numbering, flags one-sided games for review, generates authentic custom YouTube thumbnails matching each video's filename with optional unit meme edits, dynamically inspects YouTube schedule queues, assigns videos to 1v1 and Team Game playlists, preserves source files, and marks completed session recordings by appending ' - aoe-editor-done' before the file extension.

Turns long-form material into platform-native social media posts and plans what to publish. Repurposes a blog post, video transcript or podcast notes into an X thread, LinkedIn post, Instagram carousel (slide-by-slide copy plus caption), TikTok/Reels/Shorts script and Threads or Bluesky post; writes hooks and headlines across named patterns; builds a 30-day content calendar as CSV; extracts a brand voice guide from sample posts; and reviews drafts for hook, clarity, scannability, CTA and accessibility. Use when the user mentions social media, an X or Twitter thread, a LinkedIn post, an Instagram carousel, a TikTok, Reels or Shorts script, a content calendar, hooks, captions, repurposing content, or brand voice. Follows honest-marketing rules - no fake engagement, fake reviews or invented statistics, and clear disclosure of sponsorships and affiliations.

Cria vídeos explicativos verticais (9:16, Shorts/Reels/TikTok) sobre temas de programação e tecnologia, com diagramas animados, narração em português e trilha de fundo, tudo gerado com Python e sem programas de edição. É o ponto de partida: faz as perguntas certas, prepara o computador, monta a pasta do vídeo e chama as skills video-conceito, video-tutorial-terminal, narracao-voz e trilha-video. Use sempre que o usuário pedir "fazer um vídeo", "vídeo explicativo", "vídeo curto", "vídeo pro TikTok/Reels/Shorts", "explicar X em vídeo", "tutorial em vídeo", ou quiser continuar, alterar ou refazer os vídeos de SSH e Git, mesmo que ele não diga a palavra "skill".

Video editing skill: edit a talking-head video (YouTube video, course lesson, product demo, podcast on camera, vlog) the way an editor would. Transcribes with word timestamps (free local faster-whisper, your own Groq or OpenAI key, or an existing SRT/VTT), removes silences, "um"s and "uh"s, stutters and retakes (keeps the last take), adds jump-cut punch-ins, cleans and levels the audio, writes an SRT caption file and YouTube chapters, optionally burns captions or makes a vertical version, shows a cut list to approve before rendering, then posts to YouTube and other platforms with WoopSocial after you say yes. Works on Mac, Windows and Linux with ffmpeg and Pillow; no paid API required. Use when someone says "edit my video," "remove silences," "cut the ums," "remove filler words," "jump cut my video," "clean up this recording," "edit this talking head video," or "video editing with Claude Code." Never cuts what the user marked to keep, confirms before anything posts. Standalone: needs no other skills.

Review a rendered video or a Remotion project without watching it. Runs review-video.ps1 (Windows, ffmpeg) to extract timestamped frames at scene changes and every 2 s, check the audio (LUFS, peaks, clipping, silences, clicks), match narration lines to frames, read the on-screen text with Windows OCR (spelling, reading time, spoken numbers missing from the screen, YouTube Shorts safe areas) and list what changed since the last review, then writes report.md and a PDF contact sheet. Use whenever the user asks to review, check, look at, QA or proofread a video, a render, an MP4, a Short or explainer, or a Remotion project or composition; asks whether slides or on-screen text match the narration; asks about typos, text that is too fast to read, numbers, safe areas or a video's audio; asks what changed since the last render; or wants a PDF of a video to attach to a chat.

Motion design expert for UI and motion graphics: Disney's twelve principles of animation plus the techniques of Emil Kowalski, Jakub Krehel and Jhey Tompkins. Two modes — build interactive components with purposeful motion, or audit existing animations to catch AI-slop motion patterns (audit emits a branded HTML report with looping demos). Use when creating, adding, animating, or reviewing UI motion: transitions, hover states, micro-interactions, enter/exit animations, or any motion design work in React, Framer Motion, CSS or HTML, and video or motion graphics (Kinetograph, Remotion, After Effects): camera moves, kinetic type, galleries, charts. Provides per-designer perspectives with context-aware weighting.

Use when someone wants a launch film, product video, feature video, brand film or ad ("an ad like this one"), promo, trailer, hype reel, teaser, demo video or explainer for an app, startup, product or company, for X, a website hero, LinkedIn or Product Hunt; or asks how such films are made with an AI agent using Remotion, HyperFrames, Blender, ElevenLabs, Mistral voices or ffmpeg.

Make motion graphics and short videos from HTML or React — title cards, logo stings, kinetic type, count-ups, stat reveals, lower thirds, transparent overlays, feature montages. Compiles a plain-language request into a validated brief, then renders it; batches one brief into many videos. Covers HyperFrames (HTML + GSAP, pinned, installs itself once, Apache 2.0) and Remotion (React + TypeScript). Use when asked to generate, animate, build, or render a video, motion graphic, animation, or overlay; to make a launch video, sting, or card; to port a composition between Remotion and HyperFrames; or to fix motion that feels cheap, bouncy, slow, or slide-like.

Crée une animation ou une vidéo motion design dans l'un des 100 styles du catalogue BTHA System (glitch, synthwave, kinetic type, neon, particules, data viz, transitions…). À utiliser quand on demande « /animation <style> », une animation dans un style précis, un effet vidéo, une intro, une transition ou une vidéo TikTok/Reels animée en code (Remotion, React, HTML/CSS, canvas, SVG).

Direct and produce promo videos, ads and launch films for an app or service as code (Remotion to MP4), working like a motion designer, director and editor. It reads the product's project folder (brand, product facts, audience, allowed claims), proposes 2-3 creative directions, writes the script and beat sheet, makes voiceover, music and SFX, builds 3D kinetic scenes, and runs an independent reviewer plus the owner over versions v1..vN. It exports for TikTok, Reels and Shorts (organic and paid), feed ads, LinkedIn and website hero loops. Use it whenever someone asks for a promo, ad, reklamefilm, reklamevideo, promovideo, (video)annonse, lanseringsvideo, produktvideo, forklaringsvideo, launch video, explainer, reel, TikTok/Reels video, hero video or animated video for a product, or wants existing promo videos refreshed or improved. Do not use it to cut filmed talking-head footage; it can add a branded opener or end card to such a clip.

Make a finished social video (YouTube Short, Instagram Reel or YouTube long-form) for $0 with Remotion and local AI tools, from a one-line idea to a checked MP4. It covers script writing, voices (Chatterbox, with optional cloning of your own voice), word-synced captions (Whisper), music and SFX written as code (FluidSynth), rendering and an automatic QA gate. Use when the user asks to make, create or generate a video, reel, short, story or explainer, to turn a topic, script or data into a video, or to set up a free AI video pipeline. Runs locally on macOS (Apple Silicon); no API keys or credits.

Make a ~55-70 s vertical cartoon story short in the "2D characters in a colourful 3D world" style (flat bean-head cartoon cards with ink outlines, painted 3D town/world with black ink lines, saturated sky, depth-of-field backgrounds, gliding cameras, voice narration, synthesized SFX + march-style music), rendered with three.js inside Remotion. Proven on "The Bridge That Fell for a Song" (2026-10-31). Use when the user asks for another video "like the bridge video", "like the soldiers/bridge short", "in that cartoon 3D style", a history/science story short with cartoon characters in 3D, or says "use the cartoon short skill".

Make short vertical videos (TikTok, Reels, YouTube Shorts, 30 to 90 s) in a clean, animated white style from one small video.json file, using very few tokens. Three modes. "Generated" adds a free neural voice and motion design. "Images" puts your screenshots, photos and web pages in a real iPhone, a browser or full screen. "Filmed" adds captions and animated scenes over a talking-head clip. The skill writes the script, makes the voice, syncs captions word by word, animates every scene, adds music and sound effects, checks that no text overflows the screen, and renders the MP4. Works in English, French and many other languages. Use it whenever someone asks for a short video, a Short, a Reel, a TikTok, an animated explainer, a batch of videos, a faceless video, animated captions, or wants to produce many videos fast and cheaply, even if they never say "skill".