Video & Animation

Turn a newsletter edition into a 12-20 second promo clip for LinkedIn, Instagram or X that drives people to read and subscribe. Hook question, three proof frames from the edition, then the newsletter name and where to read it. Use when someone says

Turn any horizontal or square motion video into a 1080 x 1920 Instagram Reel or TikTok that uploads cleanly. Headline and logos inside the safe zone, H.264, yuv420p, limited colour range, bt709, a silent audio track when there is no sound, and an ffprobe check before upload. Use when someone says

Make a cinematic 3D title sequence (8-15 seconds) in code with Claude Code and Three.js. A camera moves through a lit scene, such as a rainy street at night with brand names as neon signs, then a big question or title lands. Use when someone wants a scroll-stopping opener, a film-style intro,

Build any of 16 premium motion effects from scratch in your own brand, as one 8-second looping HTML file with window.seek(seconds) so it exports frame-exact to MP4 or GIF. Interfaces (button to player, search to results, card to workspace, tabs to panels), data (chart morph, dashboard zoom, spring stack, magnetic dock), type (masked type, elastic type, text to layout, image reveal) and systems (perspective shift, glass focus, flowing paths, particle logo). Use when someone says

Give the same motion brief to three AI models, keep each first try, render all three the same way and stack them into one comparison video with model names and logos. Makes a 16:9 side-by-side for a newsletter and a 1080 x 1920 stacked reel for Instagram and TikTok. Use when someone says

Make a 12-second looping milestone clip in code with Claude Code. Thousands of tiny points drift like a night sky, pull together into your real number (followers, subscribers, revenue, customers), a line draws underneath and the label settles in. Premium, not a party. Use when someone says

Make a 30-45 second product launch video in code with Claude Code, the kind SaaS companies post on launch day. One sentence split across scenes, real product screens with slow camera moves, a typed prompt, a proof beat and a clear call to action. Use when someone says

Turns a rough idea for an animated graphic into a precise build brief for Claude Code, in your own brand. Asks for anything essential first (exact numbers, size, length, brand), keeps real results apart from sample data, and never invents a figure. Use when someone says

Turn a newsletter or blog cover into a seamless looping GIF at 896 x 640, 180 frames at 20fps. Only the one element you name moves, the loop is rotated so frame 1 shows the finished picture, and the seam is measured, not eyeballed. Use when someone says

The setup step every other skill in this pack reads. A short interview plus 3 to 5 reference frames becomes two files in your project, brand.md (who you are, what you sell, your assets) and MOTION.md (your colours, type, timing and motion rules), plus a rule in CLAUDE.md so Claude reads them before it animates anything. Use at the start of any motion project, or when someone says

Rebuild an Apple-style Mac launch film entirely in code with Claude Code. A thin menu bar, the black notch growing into widgets one scene at a time, full-screen gradient wallpapers and one short caption per scene. No screen recording, no After Effects. Use when someone says

Make a looping animated chart for LinkedIn or a newsletter in code with Claude Code. Bars that become a line, a number that counts up, a before and after. Every value stays exactly as given. Use when someone says

Design and implement distinctive, polished website hero sections with custom CSS and GSAP. Use when building or improving a landing-page hero, adding branded motion, or creating reusable hero animation patterns for Manus websites.

Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects, or any motion work. Works with CSS, Framer Motion, GSAP, Lottie, Spring, or any animation system.

Full audit of the owner's Instagram page with a prioritised action plan: profile (name, bio, link, highlights, photo), grid, content mix, hooks, retention, saves/shares, audience vs target customer, posting days and times, conversion path (DMs, orders, bookings), and a comparison with 3–5 similar pages. Use when they type /page-audit, ask «پیجم رو آنالیز کن», «چرا پیجم رشد نمی‌کنه؟», «چی کار کنم بهتر بشه؟», at the end of /setup, or once a month.

日本語SRT字幕の誤字・誤変換・表記ゆれ・固有名詞・改行を、字幕の件数・番号・時刻を変えずに整える。Whisperや動画編集ソフトから書き出したSRTを、動画へ戻す前に直すときに使う。AIは修正候補（番号・原文・修正案・理由・確認根拠）だけを作り、付属スクリプトが原文と照合して適用し、件数・番号・順番・時刻の一致を検査する。「字幕を整えて」「SRTの誤字を直して」「字幕の改行を直して」などで使う。Use to proofread Japanese .srt subtitles without touching timecodes.

MECÂNICA de estático/carrossel chamada pela skill `criativo-ads` (porta de entrada de todo criativo; estratégia e quantidade moram lá). Modela criativos de anúncio a partir de uma biblioteca local de 103 formatos que já estão escalando (87 estáticos, 16 vídeos, 47 categorias) — anexa a referência real no ChatGPT e adapta para a marca do usuário via pipeline de 12 prompts (brandkit, dossiê, matriz de ângulos, seleção de formato, leitura estrutural, copy, arte 1:1 1080×1080 (9:16 só se pedido), leva de headlines, reenquadramento, gate de QA, ponte para vídeo, nomenclatura). Use quando o usuário pedir criativo estático, modelar/clonar um criativo que está escalando, "modelagem de escalados", leva de anúncios, variação de headline, banco de formatos, biblioteca de anúncios, ou mencionar Antonio Ferriani, formatos escalados, antes e depois, print de WhatsApp, caixa de perguntas, Reclame Aqui, notícia, ilustração como formato de anúncio.

Use when the user sends a finished 9:16 reel cut (Instagram Reels, TikTok, Shorts) and wants an overlay on top - captions, title, image assets (logos, people cutouts), comment-keyword card, "share this with" end card, sound effects - either as a transparent overlay file or burned into the final video. Triggers: "make the overlay", "add captions and assets", "here's the cut", "/reel-overlay". Not for cutting/editing the footage itself, zooms, or colour grading.

Edit a talking-head video in the glass-and-paper style - liquid-glass logo tiles, paper backgrounds, pop-out PiP, kinetic captions. Use when someone sends a clip to edit in this style.

Turns long-form video (podcast, interview, talk, panel, webinar, livestream; a local file or a URL) into captioned vertical Shorts, Reels and TikToks, plus optional 16:9 clips. Finds the hooks, recomposes each cut hook-first, burns word-timed captions with a hook card, makes covers and runs a QA pass. Use when the user says "cut reels/shorts/clips from this video/podcast/panel/talk", "find the hooks", "find the best moments", "clip this episode", "make shorts from this recording", "turn this interview into reels", "caption this video", "add captions to my clip", "make reels covers", "give this clip a cold open", "recut this clip" or "make this short tighter", or hands over a long recording and wants short-form out of it. Transcription, framing and rendering run locally; the agent writes the moments ledger and the edit spec, and the user approves the shortlist and the final files. Never uploads or publishes.

Step 2 of motion-pack. Turns BRIEF.md into STYLE.md — a reference-driven design doc with palette, typography, motion language, sound character and a forbidden list. Offers 8 built-in style presets (clean-product, editorial-brutal, neo-glass, kinetic-type, hand-drawn, cinematic-dark, data-minimal, retro-print). Use when a video needs a look, the user says "Style", "Look", "Design", "wie soll es aussehen", or after mp-brief.

Step 1 of motion-pack. Runs a short, tap-friendly interview (max 2 rounds × 3 questions) and writes BRIEF.md for a motion graphics video — goal, audience, hook, format, length, must-show, sources, audio wishes. Use whenever a video is requested and no BRIEF.md exists yet, or the user says "Briefing", "interview me", "was brauchst du von mir".

Step 5 of motion-pack. Produces the audio layer — voice-over via ElevenLabs (API key only from the ELEVENLABS_API_KEY environment variable), music bed, SFX on hits, sidechain ducking and two-pass loudness normalisation (voice -16 LUFS, music 12 LU under, mix -14 LUFS, true peak -1 dBTP). Use after mp-build, or when the user mentions "Stimme", "Voice-over", "Musik", "Sound", "LUFS", "zu leise", "zu laut", "ElevenLabs".

Step 4 of motion-pack. Builds the HyperFrames project from STORYBOARD.md and STYLE.md — one HTML scene per beat with GSAP choreography, deterministic timing, real assets, then lint → draft render. Use after mp-storyboard, or when the user says "bau das", "build", "render", "Szene ändern", "HyperFrames", "GSAP", "animiere".