# Guides for AI video

> **For AI agents:** find the right skill in one call — `curl -s "https://skills.varg.ai/api/search?q=<what the person wants>"` returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the use-case page.

Know-how your agent reads before it works: how to write a script, storyboard, edit and caption, and how to use Remotion, HyperFrames, GSAP, Three.js and FFmpeg.

**Guides** is the word 5.0% of tweets about making video use for this kind of thing (“guide / tutorial”). Every card here is an agent skill: one install command for Claude Code, Codex, Cursor, OpenClaw or Gemini CLI.

## [Tools & renderers](https://skills.varg.ai/guides/tooling.md) (17)

- [Templates Gallery Ops](https://skills.varg.ai/skills/varg-templates-section.md) — varg, beta: Internal runbook for the varg app Templates gallery: publish renders, preview clips, frame-0 posters, shelves.
- [HyperFrames CLI](https://skills.varg.ai/skills/hyperframes-cli.md) — HeyGen: Drive the HyperFrames CLI: scaffold, check, preview, snapshot, edit the timeline, render locally or in the cloud.
- [HyperFrames Registry](https://skills.varg.ai/skills/hyperframes-registry.md) — HeyGen: Pull any of ~450 ready-made blocks into a video as editable source: transitions, titles, captions, charts, 3D.
- [HyperFrames Media Use](https://skills.varg.ai/skills/hyperframes-media-use.md) — HeyGen: Find or make every asset a video needs: music, SFX, voiceover, images, logos, avatars, transcripts, grades.
- [Remotion to HyperFrames](https://skills.varg.ai/skills/remotion-to-hyperframes.md) — HeyGen: Port Remotion, Lottie, Three.js, p5 or canvas animations into HyperFrames and verify them frame by frame.
- [Remotion Best Practices](https://skills.varg.ai/skills/remotion-best-practices.md) — Remotion: Make videos in React with Remotion: the router that loads the right Remotion skill for each step.
- [Remotion Docs](https://skills.varg.ai/skills/remotion-docs.md) — Remotion: Search the Remotion docs and pull any page as Markdown instead of guessing at APIs.
- [Remotion Interactivity](https://skills.varg.ai/skills/remotion-interactivity.md) — Remotion: Structure Remotion markup so every element can be edited visually in Remotion Studio.
- [Remotion Multimedia](https://skills.varg.ai/skills/remotion-multimedia.md) — Remotion: Read media metadata in Remotion with Mediabunny: audio duration, video dimensions and length.
- [Remotion Render](https://skills.varg.ai/skills/remotion-render.md) — Remotion: Render a Remotion composition to a video file or a still, including transparent video.
- [Remotion SaaS](https://skills.varg.ai/skills/remotion-saas.md) — Remotion: Build a video app or SaaS on Remotion: embed the Player, choose a framework, decide how to render.
- [Remotion Studio](https://skills.varg.ai/skills/remotion-studio.md) — Remotion: Launch Remotion Studio to preview and scrub a composition in the browser before rendering.
- [Remotion Upgrade](https://skills.varg.ai/skills/remotion-upgrade.md) — Remotion: Upgrade Remotion and every @remotion/* package to one matching version, skills included.
- [fal Workflow](https://skills.varg.ai/skills/fal-workflow.md) — fal: Author fal workflow JSON that chains models, or orchestrate the same pipeline locally with genmedia.
- [fal genmedia Workflow](https://skills.varg.ai/skills/fal-genmedia-workflow.md) — fal: Design multi-step media pipelines with genmedia: generate, edit, add audio and subtitles, batch, deliver.
- [PixiJS](https://skills.varg.ai/skills/pixijs.md) — PixiJS: Build fast 2D WebGL/WebGPU graphics with PixiJS v8; routes each task to the right PixiJS skill.
- [Runway Workflows](https://skills.varg.ai/skills/runway-workflows.md) — Runway: Author, validate and run multi-step Runway workflow graphs from chat through Runway's MCP tools.

## [Animation & motion graphics](https://skills.varg.ai/guides/animation.md) (10)

- [Remotion Markup](https://skills.varg.ai/skills/remotion-markup.md) — Remotion: Write Remotion markup that animates well: timing, transitions, motion blur, effects, audio, fonts and 3D.
- [Motion AI Kit](https://skills.varg.ai/skills/motion-ai-kit.md) — Motion: Write production-grade UI animation with Motion or CSS: best practices, docs search, springs, perf audits.
- [Motion Design](https://skills.varg.ai/skills/lottiefiles-motion-design.md) — LottieFiles: Animate with intent: timing, easing, choreography and Disney principles for UI and motion graphics.
- [dotLottie Web](https://skills.varg.ai/skills/dotlottie-web.md) — LottieFiles: Ship Lottie animations on the web with dotLottie: package choice, workers, state machines, theming, slots.
- [LottieFiles Animation Review](https://skills.varg.ai/skills/lottiefiles-animation-review.md) — LottieFiles, beta: Inspect, compare and diagnose animation renders with LottieFiles Creator's Engine tools (pre-release).
- [LottieFiles Animation Workflows](https://skills.varg.ai/skills/lottiefiles-animation-workflows.md) — LottieFiles, beta: Create, edit and export animation documents through LottieFiles Creator's Engine tools (pre-release).
- [Rive](https://skills.varg.ai/skills/rive.md) — Rive: Know when to reach for Rive for interactive graphics and motion, then start from its CLI or runtime docs.
- [GSAP Core](https://skills.varg.ai/skills/gsap-core.md) — GSAP (GreenSock): Official GSAP core guide: to/from/fromTo tweens, eases, staggers, defaults and transforms for DOM and SVG motion.
- [GSAP Plugins](https://skills.varg.ai/skills/gsap-plugins.md) — GSAP (GreenSock): Official GSAP plugins guide, incl. SplitText chars/words/lines with masks and re-splitting once fonts load.
- [GSAP Timeline](https://skills.varg.ai/skills/gsap-timeline.md) — GSAP (GreenSock): Official GSAP timeline guide: position parameter, labels, nesting, defaults and time/progress seeking.

## [Captions & subtitles](https://skills.varg.ai/guides/captions.md) (6)

- [Pretext Text Metrics](https://skills.varg.ai/skills/pretext-yaniv-golan.md) — Yaniv Golan, beta: Measure and fit text without the DOM using pretext: auto-fit sizes, know line breaks before render, canvas/WebGL text.
- [Chinese Font Selector](https://skills.varg.ai/skills/chinese-font-selector.md) — Songzhi-lab, beta: Pick Chinese fonts by license tier first (OFL, vendor-free, avoid), then by scene and mood, with Latin pairings.
- [Transcribe Anything](https://skills.varg.ai/skills/swyx-transcribe-anything.md) — Shawn Wang (swyx): Transcribe hours of audio or video with whisper, whisperX or cloud STT: word timestamps, speaker labels, SRT/VTT.
- [FFmpeg Captions and Subtitles](https://skills.varg.ai/skills/josiahsiegel-ffmpeg-captions.md) — Josiah Siegel: FFmpeg subtitle reference: burn SRT/ASS/VTT with libass, soft tracks, conversion, styling and FFmpeg 8's Whisper filter.
- [Subtitle Translator](https://skills.varg.ai/skills/gemini-srt-translator.md) — Matheus Castro: Agent-translated SRT/ASS subtitles in resumable batches that keep cue count, timing and ASS styling tags intact.
- [WJS Translating Subtitles](https://skills.varg.ai/skills/wjs-translating-subtitles.md) — Jian Shuo Wang: Translate an SRT to Chinese, English or another language and re-cut cues at real punctuation; bilingual SRTs too.

## [Backgrounds & shaders](https://skills.varg.ai/guides/shaders.md) (6)

- [PixiJS Blend Modes](https://skills.varg.ai/skills/pixijs-blend-modes.md) — PixiJS: Composite PixiJS v8 layers with add, multiply and screen, or advanced modes like overlay and color-burn.
- [PixiJS Custom Rendering](https://skills.varg.ai/skills/pixijs-custom-rendering.md) — PixiJS: Write custom shaders, uniforms and batchers for PixiJS v8 that run on both WebGL and WebGPU.
- [PixiJS Filters](https://skills.varg.ai/skills/pixijs-filters.md) — PixiJS: Add blur, displacement, color-matrix and custom GLSL/WGSL filters to PixiJS v8 scenes without killing FPS.
- [PixiJS Meshes](https://skills.varg.ai/skills/pixijs-meshes.md) — PixiJS: Deform images with custom geometry in PixiJS v8: meshes, planes, ropes and 2.5D perspective corners.
- [PixiJS Particles](https://skills.varg.ai/skills/pixijs-particles.md) — PixiJS: Render thousands of lightweight particles in PixiJS v8 with ParticleContainer and dynamic properties.
- [WebGPU Three.js TSL](https://skills.varg.ai/skills/dgreenheck-webgpu-threejs-tsl.md) — Dan Greenheck, beta: TSL node materials, GPU compute, post-processing and WGSL for three.js WebGPURenderer, by the Three.js Roadmap author.

## [Stories & short dramas](https://skills.varg.ai/guides/story.md) (5)

- [fal Storytelling](https://skills.varg.ai/skills/fal-storytelling.md) — fal: Plan multi-shot stories: storyboards, shot lists, first-to-last-frame chains and continuity across scenes.
- [Drama Skills (ZenStory)](https://skills.varg.ai/skills/zenstory-drama-skills.md) — ZenStory AI: Short-drama skills that beat a no-skill control in blind tests: script, assets, storyboard, keyframe and video prompts.
- [Screenwriting Skills](https://skills.varg.ai/skills/screenwriting-skills.md) — Terry Jia: 26 screenwriting and dramaturgy skills, from story structure to writing in the style of Ozu, Chekhov or Succession.
- [Emma Short-Drama Writing Skills](https://skills.varg.ai/skills/emma-screenwriting.md) — Emma Wang, beta: Short-drama writing kit (hooks, outlines, dialogue, trims, US localization) that beat a no-skill control in blind tests.
- [Short Drama Skill Finder](https://skills.varg.ai/skills/short-drama-skill-finder.md) — Underleveled Builder: Picks short-drama and manju skills from a hand-checked list of 90+ projects by stage, video model and agent.

## [Images & thumbnails](https://skills.varg.ai/guides/image.md) (5)

- [PixiJS GIFs](https://skills.varg.ai/skills/pixijs-gif.md) — PixiJS: Load, play and control animated GIFs inside a PixiJS v8 scene.
- [Book Cover Design](https://skills.varg.ai/skills/inference-sh-book-cover-design.md) — inference.sh: Design book covers that fit their genre: typography rules, sizing, thumbnail tests and AI iterations.
- [OG Image Design](https://skills.varg.ai/skills/inference-sh-og-image-design.md) — inference.sh: Design Open Graph and social share images to platform specs, with text placement and branding.
- [YouTube Thumbnail Design](https://skills.varg.ai/skills/inference-sh-youtube-thumbnail-design.md) — inference.sh: Design YouTube thumbnails that read on a phone: dimensions, contrast, safe zones, text and faces.
- [Social Media Carousel](https://skills.varg.ai/skills/inference-sh-social-media-carousel.md) — inference.sh: Design swipeable carousels for Instagram, LinkedIn and X: slide structure, hooks, text hierarchy.

## [Explainers](https://skills.varg.ai/guides/explainers.md) (4)

- [HyperFrames](https://skills.varg.ai/skills/hyperframes.md) — HeyGen: Turn HTML, CSS and seekable animation into deterministic MP4s: launch films, explainers, captions, title cards.
- [Remotion Create](https://skills.varg.ai/skills/remotion-create.md) — Remotion: Scaffold a new Remotion project and lay the video out as clips or scenes before writing any frames.
- [Explainer Video Guide](https://skills.varg.ai/skills/inference-sh-explainer-video-guide.md) — inference.sh: Plan explainer videos end to end: script formulas, pacing, scene planning, voiceover and assembly.
- [viscript Scenes](https://skills.varg.ai/skills/lottiefiles-viscript.md) — LottieFiles, beta: Write animated scenes, diagrams and math shorts in Lua or JS with viscript, then audit and render them.

## [3D scenes](https://skills.varg.ai/guides/3d-scenes.md) (3)

- [Three.js Skills](https://skills.varg.ai/skills/threejs-skills.md) — CloudAI-X: 13 Three.js skills: scenes, geometry, materials, lighting, GLSL and TSL shaders, animation, post-processing, R3F.
- [Three.js Scene Composition](https://skills.varg.ai/skills/calesthio-threejs-scene-composition.md) — Calesthio: Plan, build and capture Three.js scenes for video: absolute-time frames, seeded motion, color-safe glTF, render QA.
- [R3F Skills](https://skills.varg.ai/skills/enzed-r3f-skills.md) — Nicolas Zullo: 11 React Three Fiber skills checked against Fiber 9.7 and three r185: Canvas, demand loops, loaders, shaders, post.

## [Text & titles](https://skills.varg.ai/guides/kinetic-type.md) (2)

- [PixiJS Text](https://skills.varg.ai/skills/pixijs-scene-text.md) — PixiJS: Render and animate text in PixiJS v8: canvas Text, BitmapText, HTMLText and per-character SplitText.
- [Title & Kinetic Typography Direction](https://skills.varg.ai/skills/calesthio-title-kinetic-typography.md) — Calesthio: Typography direction for video: text jobs, hierarchy, reveal-hold-exit timing, safe zones, contrast, font licensing.

## [Product videos](https://skills.varg.ai/guides/product.md) (1)

- [Product Photography](https://skills.varg.ai/skills/inference-sh-product-photography.md) — inference.sh: Apply packshot conventions to AI product photos: angles, backgrounds, shadows, hero shots, store specs.

## [Ads & UGC](https://skills.varg.ai/guides/ads.md) (1)

- [Video Ad Specs](https://skills.varg.ai/skills/inference-sh-video-ad-specs.md) — inference.sh: Build video ads to each platform's exact specs: TikTok, Instagram, YouTube, Facebook and LinkedIn.

## [Editing & clips](https://skills.varg.ai/guides/editing.md) (1)

- [FFmpeg Mixing](https://skills.varg.ai/skills/varg-ffmpeg-mixing.md) — varg, beta: Splice generated clips into an original video with ffmpeg without A/V drift: absolute trims, one audio track.

## [Cinematic & short films](https://skills.varg.ai/guides/cinematic.md) (1)

- [FLUX 3 Keyframes & Continuation](https://skills.varg.ai/skills/flux-3-keyframes-continuation.md) — Black Forest Labs: Build FLUX 3 video from supplied stills or footage: keyframe image-to-video and continuation chains.

## [Phone & app screens](https://skills.varg.ai/guides/native-ui.md) (1)

- [App Store Screenshots](https://skills.varg.ai/skills/inference-sh-app-store-screenshots.md) — inference.sh: Make App Store and Google Play screenshots to exact specs: sizes, gallery order, mockups and previews.

## [Logos & brand kits](https://skills.varg.ai/guides/logos.md) (1)

- [Logo Design Guide](https://skills.varg.ai/skills/inference-sh-logo-design-guide.md) — inference.sh: Design logos with AI image models: logo types, prompting techniques, scalability rules and iteration.

## [Camera & shots](https://skills.varg.ai/guides/camera.md) (1)

- [Storyboard Creation](https://skills.varg.ai/skills/inference-sh-storyboard-creation.md) — inference.sh: Storyboard a video before generating: shot types, angles, moves, the 180-degree rule, annotated panels.

## [Research & trends](https://skills.varg.ai/guides/research.md) (1)

- [Head of Content](https://skills.varg.ai/skills/head-of-content.md) — Brad Bonanno, beta: TikTok, Instagram, YouTube and X outlier research, hook analysis and a content plan.

## Other kinds of skills

- [Prompts](https://skills.varg.ai/prompts.md): The words a video model obeys: camera angles, shot sizes, lighting, characters, hooks and prompt guides for Seedance, Kling, Veo, FLUX and Higgsfield. Your agent writes the prompt with them, or you paste them into the model.
- [Effects](https://skills.varg.ai/effects.md): An effect you can see, added to your video: animated titles, captions, transitions, shader backgrounds, logo animations, device mockups and viral camera tricks. Hand your agent the footage or the brief and get the effect.
- [Styles](https://skills.varg.ai/styles.md): The look of the whole video: art styles, film looks, color grades and LUTs, caption fonts and style references. Pick a style and every shot your agent makes follows it.
- [Workflows](https://skills.varg.ai/workflows.md): A brief in, a finished video out: UGC ads, product videos, music videos, talking heads, explainers, Shorts and short dramas, step by step, with the models and the edit chosen for you.
- [Models & tools](https://skills.varg.ai/models.md): Run one model or tool from your agent: Seedance, Veo, Kling, FLUX, GPT Image, Nano Banana, ElevenLabs and 1,200+ more, plus scrapers, trend search and video analysis.

## Questions

**What is a guide skill?**

Know-how your agent reads before it works: how to write a script, storyboard, edit and caption, and how to use Remotion, HyperFrames, GSAP, Three.js, PixiJS and FFmpeg correctly.

**Does a guide make a video by itself?**

No. A guide makes the agent better at the job; pair it with a workflow or a model skill to produce the video.