motion-graphics-direction

What it does

This skill guides an AI agent to convert a video brief into motion graphics that explain, emphasize, brand, or pace the piece. It treats motion as editorial direction, ensuring each move reveals meaning, guides attention, clarifies structure, or creates a deliberate feeling. It is provider-independent and is intended to be used before selecting a model, renderer, animation library, editing tool, or compositing environment.

How it works

The skill presents an evidence-based and production-practice-informed framework including:

• An evidence stance with documented facts about accessibility, contrast, and motion guidance.
• Production heuristics and a structured approach to organize motion by job type (orientation, identification, emphasis, explanation, proof, rhythm, brand affect).
• Rules for deciding motion purpose per graphic, specifying concrete aims like revealing a sequence, making metrics readable, or entering quietly.
• A hierarchical timeline model: establish frame, reveal main idea, add context, hold, and exit/settle, with timing guidance for different content densities.
• Detailed timing and easing guidance using explicit categories (entry, hold, emphasis, exit) and a set of named easing options (linear, ease-out, ease-in, ease-in-out, spring/overshoot, step/hold).
• Composition and layout checks (subject clearance, safe areas, eye trace, depth, contrast, negative space, continuity) to keep graphics aligned with footage.
• Typography guidance for motion, including role selection, type scale, legibility constraints, multilingual considerations, accessibility anchors, and contrast requirements.
• Brand systems and motion language guidance to align motion behavior with brand tone across disciplines.
• Accessibility and viewer safety hard constraints (reduced motion, contrast, captions, pause behavior, and prevention of flashing).
• Data, claim, and source integrity rules for motion graphics that present data or claims, including required data components and prohibitions on misleading representations.
• Working with footage guidance for evaluating shot context and overlay strategies (screen-space, scene-attached, editorial insert, split composition, match cut).
• Storyboard-to-motion handoff requirements including beat specs, purposes, focus, text, transitions, layout, accessibility, data needs, and fallback notes.

When to use it

Use when planning, prompting, storyboarding, specifying, implementing, reviewing, or QAing motion graphics across live footage, generated video, UI capture, data visualization, brand systems, typography, accessibility, claim integrity, runtime handoff, and iteration.

What it can touch

The skill declares tools: claude-code, codex, copilot, cursor, to be used in planning and execution steps as appropriate. It also references material like beat specs, timecodes, and on-screen text that the agent must reproduce according to the storyboard handoff format.

Caveats

The skill emphasizes compliance with accessibility standards (WCAG) and avoids deceptive data presentation by requiring explicit data elements and source attribution. It advises against motion that does not support understanding or brand intent and warns against overloading moments with competing graphics. It notes potential drift in AI-generated footage and recommends safer alternatives like editorial cards or clean UI redraws when tracking is unreliable.