Video & Animation

Production pipeline for mathematical and technical animations using Manim Community Edition. Creates 3Blue1Brown-style explainer videos, algorithm visualizations, equation derivations, architecture diagrams, and data stories. Use when users request: animated explanations, math animations, concept visualizations, algorithm walkthroughs, technical explainers, 3Blue1Brown style videos, or any programmatic animation with geometric/mathematical content.

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.

Détoure la personne filmée dans un Reel (vidéo ou photo de couverture) et la garde à taille constante : retrait du fond en local, suivi du haut de la tête, hauteur par scène, effacement des objets du décor collés à la silhouette. À utiliser quand la mise en page est `detoure`, ou quand on dit "détoure-moi", "mets-moi devant la vidéo", "enlève le fond derrière moi".

Monte un Reel face cam, des rushes à la vidéo auditée : dérushage, liste de coupe, A-roll aux coupes serrées, relecture, fonds depuis les enregistrements d'écran, scènes calées sur les mots, rendu, audit par un agent indépendant. À utiliser quand on dit "j'ai mis les rushes", "tu peux monter", "refais le montage", "corrige la v2", ou quand le skill reel arrive à l'étape montage. Le cadrage doit exister (video-face-cam).

Chef d'orchestre des vidéos verticales face caméra (Reels Instagram, TikTok, YouTube Shorts) : du sujet au montage audité, avec couverture et légendes, en enchaînant video-face-cam, reel-montage, reel-detourage et reel-publication. À utiliser quand on dit "on bosse sur la vidéo X", "/reel X", "on fait un Reel sur X", "reprends la vidéo X", ou qu'on dépose des rushes pour une vidéo déjà cadrée.

Prépare la publication d'un Reel : couverture (sourire tiré du rush, détourage, titre en deux bandeaux, icônes d'applis), légendes Instagram, TikTok et YouTube Shorts. À utiliser quand on dit "fais la couverture", "fais la légende", "prépare la publication", ou quand le skill reel arrive à l'étape publication.

Cadre une vidéo verticale face caméra (Reel Instagram, TikTok, YouTube Shorts) : promesse, accroches, texte complet et appuis, mise en page, plan de tournage, enregistrements d'écran à faire, ce qui s'affiche à l'image. À utiliser quand on dit "je veux faire une vidéo sur X", "cadre-moi un Reel", "prépare le tournage", "aide-moi sur l'accroche", ou quand le skill reel arrive à l'étape cadrage.

Planificar, escribir y revisar cualquier tipo de vídeo de Lumen (anuncios, explicaciones, tutoriales, piezas para redes, presentaciones de producto, demostraciones o narrativas) a partir del encargo, las fuentes y los contratos de storyboard.

Make short videos (Douyin/TikTok/Reels/Shorts) with Claude Code as a code-driven animator. Use it when the user wants a music video, lyric MV, pixel-art or flat-cutout animation, a narrated explainer or PSA, or asks which video style Claude does well. It also edits real footage (cuts from a local transcript, time-freeze gags, subtitles with keyword emphasis, step cards, de-watermarking, face mosaics, popular Douyin effects like afterimages, freeze intros and speed ramps). It picks a style by what renders reliably (pixel and flat cutout first; 2D characters by AI motion transfer on a Claude-rendered driver; 3D only with caveats), writes timed lyrics for AI music, builds pixel characters from photos, cuts to the beat with HyperFrames, and QA-checks the MP4 before publishing.

>- Puerta de entrada de kaleidos para montar un vídeo NUEVO conversando, de principio a fin: comprueba el entorno, hace UNA ronda corta de preguntas (qué vídeo y con qué material, plantilla, estilo, duración y formato), escribe BRIEF.md y lo enruta al flujo adecuado (grabación con ponente → Remotion edicion-ponente; narración con voz de ElevenLabs → Remotion modo narración; generativo o promo → HyperFrames), con stills antes de Lambda, OK con coste antes de AWS e informe final con tiempo y coste. Úsala cuando el usuario diga «quiero montar un vídeo», «quiero hacer/crear un vídeo», «monta un vídeo», «vídeo nuevo», «hazme un vídeo de…», «necesito un vídeo sobre…», «empecemos un vídeo», «un vídeo con las noticias de…», «un explainer de…», «una promo de…» o similares. En este repo va ANTES que hyperframes, video-corto, product-launch-video, general-video y edicion-ponente: ella decide cuál usar. No la uses para retocar o re-renderizar un proyecto que ya existe (eso lo retoma su propia skill).

为配音解说与 motion-design 短片理解已有素材、主动选择相关 skills 和工具、规划视觉分镜与节奏，并衔接 HyperFrames 或 Remotion 制作和审片。适用于素材动效 explainer、同提示词独立创作与已有成片修订；普通文案润色或真人口播粗剪不单独触发。

>- Produce vídeos cortos, muy dinámicos y con cortes rápidos para YouTube, Shorts, TikTok o Reels, en formato vertical Y horizontal a la vez, con locución generada (ElevenLabs), música y efectos, B-roll de gpt-image-2, fotografía real vía Apify y montaje HTML+GSAP con HyperFrames. Úsala siempre que el usuario pida un vídeo, un explainer, un vídeo de una noticia, un short, un reel, un vídeo de TikTok o de YouTube, un vídeo con voz en off o locución, un vídeo animado con datos o cifras, o quiera convertir un texto, un guion o una noticia en vídeo — aunque no mencione HyperFrames, ElevenLabs ni ninguna herramienta concreta. Úsala también para retocar, alargar, reencuadrar o volver a renderizar un vídeo ya hecho con este flujo.

>- Catálogo de guías de estilo de vídeo de kaleidos (estilos/): listar los estilos con sus referencias, aplicarlos a un proyecto del motor de Remotion o a un proyecto HyperFrames, recomendar 2–3 cuando no se indica ninguno, crear estilos nuevos (desde una web, una marca, un vídeo de referencia o una descripción), crear variantes y revisar la adherencia de un vídeo a su estilo antes de renderizar. Úsala cuando el usuario diga «con el estilo X», «en estilo curso-azul», «como el de Ensaya», «como el vídeo de la cabaña», «qué estilos hay», «enséñame los estilos», «qué estilo me recomiendas», «crea un estilo a partir de esta web», «saca el estilo de esta marca», «haz un estilo como este vídeo», «usa el estilo X pero con acento Y», «una variante de X más seria/más oscura/vertical», «revisa que el vídeo cumple el estilo», o cuando empiece un vídeo nuevo sin estilo decidido.

>- Edits Yanni's talking head videos into the "paper cut" science reel style: his face on camera mixed with crumpled paper scenes where cut out objects drop in, real study pages whip across, red stat numbers pop, and word by word captions run the whole time. Use WHENEVER the user drops a video file or says "edit this", "edit my video", "make the reel", "cut this", "do the paper style", or /yanni-editor:edit. Covers the whole job: silence cut, transcript, beat plan, images and study screenshots, HyperFrames build, preview, render, revisions.

>- One time install for the Yanni video editor. Use when the user says "set up the video editor", "install the editor", "setup", runs /yanni-editor:setup, or when the edit skill finds a missing tool (ffmpeg, node, whisper, hyperframes) or no ~/.yanni-editor/brand.json. Installs everything with Homebrew, downloads the speech model, and saves the user's brand (name stamp, accent color, vocabulary).

Разметить motion-план для ролика (по умолчанию в стиле v4 «презентация с картинками»: kinetic-интро, спикер + достраивающаяся панель, картинки-метафоры, звук) — посмотреть транскрипт, скрипт или само видео и решить, в каких местах и какими приёмами визуально показать то, что автор проговаривает голосом. На выходе MOTION.md с таймкодами, выбранными приёмами и покадровыми спеками на каждую сцену. Используй этот скилл всегда, когда нужно понять, где в ролике нужны анимации, какие именно и почему, когда пользователь даёт транскрипт или ссылку на своё видео и спрашивает, что тут анимировать, а также когда надо переразметить уже существующий план. Сборкой занимается /motion-build, оркестрацией — /motion-run.

The two governing laws for every HyperFrames motion graphic — (1) visual first, text second, and (2) every named entity in the narration earns a real, sourced asset on screen. Use when building or revising ANY motion graphic, storyboard, or beat from narration, when the speaker names a company, product, tool, website, or GitHub repo, when deciding what goes on screen for a line, when a beat is drifting toward text cards or bullet lists, or when sourcing logos, product UI or site captures. Applies across every HyperFrames workflow.

Собрать ОДНУ анимационную вставку для видео на HyperFrames + GSAP в стиле канала. По умолчанию — стиль v4 «презентация с картинками» (одобрен автором как эталон, два русскоязычных YouTube-референса): крупные слова в интро, спикер + достраивающаяся панель, сгенерированные Codex 3D-картинки-метафоры, звук на каждое появление графики. Светлая тема, Onest/Unbounded; как акценты — приёмы вроде PiP-морфа, rack-focus, карусели глав, velocity-matched швов, zoom-through, перспективного свопа окон, каскадов с бэйджами. Используй этот скилл всегда, когда нужно собрать, починить или доработать отдельную анимацию/сцену/motion-вставку по готовой спеке, когда сабагент получил задание на одну сцену из motion-плана, а также когда речь идёт о HyperFrames-композиции для ролика в этом стиле. Не для планирования всего ролика — это /motion-plan, и не для оркестрации — это /motion-run.

Turn creator voiceover audio into researched, visual-first HyperFrames motion graphics. Use when anyone provides one or more audio files for a creator video and asks to transcribe, analyze, research the concepts or products online, build or revise pure motion graphics, preview locally, or render in the established continuous blue-gradient style.

Edita videos de cámara (talking-head) para Instagram, TikTok y YouTube Shorts con la plantilla "1%": subtítulos de marca con palabras clave en color, cortes de silencios, zoom dinámico, motion graphics disparados por palabra, música propia con ducking, entrada y cierre de marca y portada. Formatos historia/reel 9:16 (1080x1920) y feed 4:5 (1080x1350). Usar cuando pidan "editame este video", "hacé la historia", "subtitulá este clip", "sacale las pausas", "pasalo a feed y a historia" o similar.

Сделать все анимационные вставки для ролика от начала до конца (по умолчанию в стиле v4 «презентация с картинками» — эталон, одобренный автором) — посмотреть видео или транскрипт, разметить motion-план, раздать сцены сабагентам, принять работу, собрать черновой монтаж со вставками поверх исходника и отдать его вместе с MP4 по таймкодам. Используй этот скилл всегда, когда пользователь просит сделать анимации для своего ролика, оживить видео вставками, «сделать как у такого-то блогера», собрать графику под уже записанный материал или довести ранее размеченный motion-план до готовых файлов. Это точка входа: сам зовёт /motion-plan для разметки и раздаёт сборку по /motion-build. Для одной отдельной анимации бери /motion-build напрямую.

>- Produce cinematic storytelling videos from fiction chapters or narrative scripts using Gemini multimodal image generation, Gemini TTS studio voiceover, and HyperFrames AI GSAP animations with strict character consistency, fluid camera cuts, and no subtitle/audio clutter. Use whenever the user asks to turn a story, novel chapter, or script into a video, create cinematic animations with HyperFrames, or produce audio-visual storytelling content.

Package an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript, on a 16:9 / 9:16 / 4:5 canvas of your choice; the clip plays untouched underneath. Trigger on "graphic overlays", "on-screen graphics", "package / dress up my video". Not plain subtitles (/embedded-captions). Unclear → /hyperframes.

Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and built-in presenter mode with speaker notes; also converts an existing page into a deck. Output is a navigable deck, not a rendered MP4. If the user didn't explicitly ask for a slideshow, confirm before authoring. Unclear → /hyperframes.