Menu

Individual skill

motion-graphics-direction

0upvotes

Provider-independent motion graphics direction for AI agents producing title sequences, lower thirds, explainer graphics, product UI overlays, social ads, kinetic typography, diagrams, data callouts, brand films, and video post. 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.

skills/production/post-production/motion-graphics-direction/SKILL.md

Read pinned source

Source commit 8c85352d5d75d4dcbe58480bd138e37b9742bab1

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
No
Skill scan complete
No
Observed behavior
Instructions only
Last checked
Nov 11, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
241
Repository last updated
Jul 14, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# 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.
Back to top