Video & Animation

Edita vídeos con HyperFrames y FFmpeg a partir de crudos, referencias y kits de branding. Prepara un storyboard visual y espera aprobación antes de producir la edición; permite corregir versiones y guardar el estilo a petición. Úsala para editar o preparar el editor Makyd en Claude Code o Codex.

Promotional videos with motion graphics and audio generated entirely by code (canvas + ffmpeg) for a person, website or online store — one video or a batch per product, built on real data and a clever, self-referential gag.

Author motion like a motion designer instead of with named presets. Read before animating anything (HyperFrames or any GSAP timeline, CSS, three.js, Blender keys). Replaces the house default (power3.out, fade up 24px, 0.4 to 0.6 s, even 0.08 s staggers, static holds) with hand-shaped curves per property, duration from distance and weight, a lead with uneven reactions, and text that mostly cuts on. Ships motion-kit.js, a seek-safe GSAP helper with every curve by name.

?????????????????????????(Remotion / Canvas / HTML)???

High-retention shortform video engine, viral hook laboratory, dual-track storyboard architect, and multi-platform content growth suite by Pardeep Kumar (ToolNPlay.com & CodeBodh.com). Use when asked to create viral video hooks, 30s-60s reel scripts, beat-by-beat storyboards with AI generative prompts (Veo/Google Flow/Imagen), content calendars, LinkedIn carousels, or automated comment-to-lead funnels.

Turn a code repository's README into a 25-second launch video, a wide 16:9 MP4 for the README and launch sites, a vertical 9:16 MP4 for X, LinkedIn, Reels and TikTok, and a GIF, rendered locally for free with HyperFrames. Use this whenever someone asks for a launch video, promo video, demo reel, announcement video, README GIF, or a video or clip to share their project, repo, library, CLI or app, even if they don't say "readmereel".

Make 9:16 motion-graphics Reels (1080x1920) for an interior-design page with code-drawn animation - headlines, plans that draw on, before/after wipes, photo push-ins, material swatches - rendered frame by frame with Playwright and ffmpeg. Use when asked to make, storyboard, render or fix a Reel, Short or vertical motion video.

Motion design craft for VYBE / HyperFrames videos — animation principles, easing and timing, choreography and staggering, scene transitions, camera movement, and visual effects (blur, glow, masks, grain, light leaks), written as seek-safe GSAP recipes. Use when designing or fixing how things move in a video — entrances, exits, transitions between scenes, camera moves, rhythm, or when motion feels generic, floaty, stiff or repetitive.

Typography for motion — type systems, font pairing with bundled OFL fonts, scale and readability rules for video, kinetic typography techniques, per-letter/word animation, captions design and safe zones, in HyperFrames compositions. Use when choosing fonts, sizing or animating text in a VYBE video, building kinetic type or lyric videos, styling captions, or when text overlaps, clips, is unreadable or looks generic.

Planeja o motion design de cada corte (gancho dos 5 primeiros segundos, zooms, textos, imagens, overlays HyperFrames/three.js/Remotion, SFX) num motion-map.json e obtém a aprovação do usuário antes de qualquer render. Etapa 5 do Lumiere — a mais importante para a qualidade.

Sound design and music direction for VYBE / HyperFrames videos — choosing music by mood and arc, spotting sound effects to picture, voiceover direction and provider choice (HeyGen, ElevenLabs, Kokoro, Gemini), ducking, loudness targets, beat-synced editing and caption sync. Use when planning or fixing the audio of a video, when a video feels silent, cheap, cluttered or out of sync, or when choosing a voice or music provider.

Deterministic Three.js / WebGL for HyperFrames videos — 3D scenes, particle systems, procedural geometry, product turntables, scientific models (molecules, planets, black holes), lighting rigs, camera paths and camera cuts, rendered frame-exactly from HyperFrames time. Use when a VYBE storyboard calls for 3D, depth, particles, space, a rotating product, a data sculpture, or when a Three.js layer renders black, flickers or differs between renders.

Animate anatomically accurate 3D hands and forearms for code-made video (fframes, HyperFrames/three.js, Remotion). Use when a video needs hands that gesture, sign, count, point, hold hands, shake hands, react, or recreate hand choreography from a reference clip; in realistic skin or toon, Spider-Verse, Arcane or clay looks, any skin tone, any number of people.

Animate a still image into video. Analyzes the image, plans the motion, and picks the right technique — programmatic 2.5D (camera moves, depth-map parallax, subject/background layer separation, particles, fog, light) or AI image-to-video (Runway Gen-4.5 / Veo 3.1 / Kling 3.0, Luma Ray 3.2, Gemini Omni Flash) for organic motion like walking, faces, water or hair — then composes the result in HyperFrames with music, SFX and text. Use when someone supplies an image and asks to animate it, bring it

Generate images/videos via Higgsfield AI. Models: GPT Image 2, Nano Banana 2/Pro, Soul V2/Cinema/Cast/Location, Seedance 2.0, Veo 3.1, Kling 3.0, Flux 2, Z Image, Hailuo; plus Marketing Studio ads with avatars/products/hooks/settings. Use when: "generate an image", "make a picture", "make a video", "animate this photo", "image-to-video", "edit/stylize/remix this image", "produce a clip", "create an ad", "make a UGC video", "product demo", "unboxing", "TV spot", "brand video", "presenter video",

A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI animation (scroll, cursor, callouts), or fusing a real image's geometry into a chart. Usually under 10s (up to ~30s), no narration or live-action subject; renders to MP4 or transparent ove

Membuat (atau memperbarui) video demo produk/sistem OTOMATIS dengan Remotion — rekaman layar bergaya Screen Studio memakai tampilan ASLI aplikasi (kelas Tailwind & markup disalin dari kode), kursor yang bergerak natural + klik, zoom kamera, gulir halus, caption edukatif tentang product knowledge, potong & percepat ke 1-2 menit, render 1080p 60fps lalu kompres untuk dikirim. Pakai setiap kali user minta "buat demo", "video demo", "demo sistem", "screen recording", "walkthrough", "product tour", "

Turn long videos into branded short-form reels, or edit raw footage for more attention, using HyperFrames for code-driven motion graphics and claude-eyes to watch the footage. Builds a brand guide from logos, photos and references when the user has none, and offers a catalog of animation styles. Use this whenever the user wants reels, Shorts, TikToks, clips from a podcast, vlog, webinar or interview, wants to cut or punch up a raw video, add animated captions, hooks or an outro, create a brand k

Build an editorial "motion reel" product/feature video with Remotion. Cream paper, ink, highlighter accent, bold sans paired with italic serif, a thin HUD frame, directional motion blur, rolling numbers, 3D bento cards, kinetic type on color blocks, logo reveal, sound effects only. Colors are customizable (presets or hex). Use when the user asks for a motion graphic / promo / explainer / launch video in this style, or runs /motion-reel.

Buat video iklan motion graphic untuk produk apa pun (SaaS, app, produk digital, fisik) dengan Remotion + voice over & sound effect ElevenLabs. Alur iklan mengikuti flow pemakaian produk dan setiap scene membuktikan satu keunggulan. Pakai saat user minta "buat motion graphic / video iklan / promo / explainer produk", memberi video referensi gaya transisi, atau minta VO/SFX untuk video produk.

Plan, edit, and render complete videos with AI agents. Use this skill whenever the user wants to create a video, edit footage, make a faceless or TTS explainer, animate a 3D scene with Three.js, build motion graphics with Remotion or HyperFrames, design or reuse a visual style/profile, generate captions or voiceover, or preview a video timeline in the browser. Also use it when the user mentions reels, Shorts, YouTube videos, product promos, trailers, documentaries, tutorials, music videos, or wa

Handmade Stage Film — Turns a brand's own campaign stills into a short story film that plays like a stop-motion stage show: each photo comes to life with a few stiff, deliberate movements, props cut out of the photos fly around as paper puppets, hand-written captions on torn paper tell the story, and it ends on your wordmark and product. Extends the stills to 9:16 and animates them with Nano Banana 2 and Kling 2.5 Turbo, keeps faces, products and printed labels exactly as shot, then renders the

Make a ~55-75 s vertical educational explainer short in the flat vector / bold-outline cartoon style (saturated colors, large-eyed characters, metaphorical visualizations, infographics), rendered with Remotion. Use when the user asks for a short in the style of the reference explainers or says use the explainer short skill.

Use when starting a web-to-video (web2clip) project or when a clip step fails because of missing tools, connectors, network domains, accounts or credits — "kiểm tra máy", "cần cài gì để làm clip", "không tải được giọng", "/web2clip-setup".