Motion Graphics Direction

Use this skill to turn a video brief into motion graphics that explain, emphasize, brand, or pace the piece. Treat motion as editorial direction: every move should reveal meaning, guide attention, clarify structure, or create a deliberate feeling.

This is provider-independent. Use it before choosing a model, renderer, animation library, editing tool, or compositing environment.

Evidence stance

Documented facts:

• WCAG 2.2 requires web content to avoid flashes above the three-flashes threshold and documents that interaction-triggered motion should be disableable unless essential. Verified 2026-07-10 from W3C WCAG Understanding pages.
• W3C Technique C39 documents prefers-reduced-motion as a way to let users prevent animations. Verified 2026-07-10.
• WCAG contrast guidance sets 4.5:1 for normal text and 3:1 for large text at Level AA, with higher AAA ratios. Verified 2026-07-10.
• Apple, Material Design, Microsoft Fluent, and IBM Carbon all treat motion as a design-system behavior with purpose, timing, easing, accessibility, and consistency constraints rather than decoration. Verified 2026-07-10.
• Netflix timed-text guidance uses two-line maximums and language-specific line-length limits such as 42 characters per line for many Latin-script subtitle templates. Verified 2026-07-10.
• Datawrapper explains why bar and column charts should normally start at zero, because bar length encodes magnitude. Verified 2026-07-10.

Empirical observations from production practice: