motion-video-system

Define motion tokens, choreography rules, and video direction from a project design brief.

2|Updated Jun 19, 2025

Search Tags:#design tokens #animation #choreography #storyboard #motion design #reduced motion #video direction

One-click install

npx skills add https://github.com/Prat05devs/dapper-city-threads --skill motion-video-system-prat05devs

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: motion-video-system
Source: https://github.com/Prat05devs/dapper-city-threads/tree/main/.agent/skills/motion-video-system
Command: npx skills add https://github.com/Prat05devs/dapper-city-threads --skill motion-video-system-prat05devs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Motion and video work often lacks a systematic foundation, resulting in inconsistent timing, decorative animation, and missing accessibility fallbacks. This Skill turns a project's design context into a concrete motion system with defined tokens, choreography rules, and video direction. ## Core Features & Use Cases - Motion Token Definition: Create duration and easing tokens with confirmed, inferred, or missing status tracking. - Choreography & Reduced Motion: Define entry order, stagger rules, scroll behavior, and system-level reduced-motion fallbacks. - Video Direction: Specify format, hooks, pacing, storyboards, text-on-screen rules, and export specs for reels and promos. - Use Case: When building an animated product launch page, use this Skill to derive motion principles from design.md, set timing tokens, and produce a storyboard with approved claims before handoff. ## Quick Start Use the motion-video-system skill to define motion principles, duration tokens, and a storyboard for our product launch video based on design.md.

Frequently Asked Questions about motion-video-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

When should motion not be added to a design?▼

Avoid motion that exists only because it looks good. Every animation should explain something, direct attention to the most important message or state, and align with the pace defined in design.md.