vlog_test

Define Apple-Keynote-style motion grammar for educational videos. Use when selecting builds, handoffs, object continuity, stage transitions, framed content motion, typography reveals, or smooth presenter-to-canvas movement for the Remotion/Hyperframes vlog pipeline.

Specify inserted generated-video clips for the composer pipeline. Use when a transcript section needs a generated visual metaphor, illustrative clip, b-roll, product-style animation, or cinematic insert that must match the global style and neighboring shots.

Split content between the voice and the slide so they complement instead of repeat. Use at node 03 (script / cue-plan) AND node 04 (visual / slide copy) when authoring any beat that has both narration and on-screen text — the anti-duplication contract that keeps the voice from reading the slide aloud.

Use when a recorded-video composition should use the Render Lab design system: production-control-room visuals, browser/render/QC instruments, frame-driven Remotion motion, and semantic components instead of generic cards or decorative UI.

Quality-check rendered video outputs, Hyperframes atoms, Remotion previews, and composer artifacts for this project. Use after creating or changing any atom, generated clip, render plan, timeline, caption layout, presenter framing, or final MP4.

Convert video-composer decisions into precise shot briefs for sub-agents or sub-nodes. Use when a section needs a self-contained spec containing global style, transcript excerpt, neighboring shots, dependencies, asset requirements, presenter/content layout, and expected output.

Orchestrate transcript-to-video composition for this Remotion/Hyperframes vlog system. Use when analyzing an input recording or transcript, splitting it into shots, defining the global visual spec, deciding which assets can be generated in parallel, and producing composer artifacts for downstream shot, motion, presenter, generated-video, caption, Remotion, or QC skills.

Explore a website (public OR behind a login) and capture high-quality assets — retina stills and crisp motion video (.mp4; .webm opt-in) — into the asset library, by driving a REAL Chrome attached over CDP. Use when: (1) an agent needs UI footage/ stills from a page, especially an authenticated dashboard/app/console, (2) someone says "capture my app / grab the dashboard / record this flow", (3) you need UI-as-texture material (FloatingScreen / CaptureSurface / screen-rec) for a video. The agent EXPLORES first (it does not assume what's on the site), reports an inventory, then captures what the designer chooses. Never one-shot.

A STYLE-AGNOSTIC design critic for any composed visual — a slide, promo frame, text scene, screen, or UI surface. Use it AFTER something is laid out and BEFORE it ships, to refuse mediocrity. It does two things: (1) elevate taste + message clarity ("what would make this outstanding, not just fine?"), and (2) strip the generic "AI blot" ("does this look templated? does this animation earn its place, or is it effect-for-effect?"). It is not a style and holds no palette, font, or pixel values — it teaches the QUESTIONS a great designer asks, on top of whatever design system is active. It decides and edits autonomously, then records the crit so a human can verify the rise in quality. Triggers: "this slide is mediocre / normal / boring", "make it less AI / less generic / less templated", "give it taste", "elevate the design", "does this effect actually help?", "why are we doing this?".

Design captions, keywords, labels, and emphasis text for the video pipeline. Use when deciding what transcript words should appear on screen, where captions should sit, how they avoid presenter/content collisions, and when to prefer no caption.

Assemble finished shot assets into the compact Remotion render plan for this project. Use after composer artifacts and asset jobs exist, when writing or updating lesson-plan JSON, Remotion component props, sequence timing, presenter media placement, Hyperframes atom placement, and final timeline assembly.

Use for global recorded-video transcript and timing work: run ASR, inspect timestamped transcript segments, infer intended speech, manually decide visual cue timestamps, and produce timing-cues.json without relying on automatic cue matching alone.

Use when writing or revising creator-style read-aloud scripts for recorded videos, especially Chinese tech, knowledge, product, AI, or Bilibili/YouTube-style videos that need strong storytelling, natural speech, and tight coordination between presenter, gestures, UI, captions, and visuals.

Author or revise Hyperframes HTML/CSS/GSAP video atoms for this pipeline. Use when creating scene atoms, transparent transition overlays, framed-content animations, diagram builds, web-demo canvases, focus zooms, or local Hyperframes render specs.

Decide how the human presenter and framed content should share the canvas. Use when composing talking-head sections, side presenter layouts, presenter-to-content handoffs, voiceover-only stretches, PiP sizing, safe zones, and presenter visibility for this video pipeline.