Motion Choreography Timeline
An animation design tool with a dark editing viewport, light timeline strip, diamond keyframe markers, cubic-bezier easing curve editors, spring physics playground, and always-visible transport controls with monospace frame counters.
Design Language
A precision animation design tool using a timeline-centric layout with diamond keyframe markers, cubic-bezier handle editors, spring physics playgrounds, and a dark editing viewport (`#1E1E2E`) paired with a light timeline strip (`#F8FAFC`), accent blue playhead (`#3B82F6`), and always-visible transport controls.
Agent instructions (SKILL.md)(advanced)
Design Skill
This Design Skill provides the visual system for building animation and motion design tools: keyframe timeline editors, easing curve visualizers, spring physics playgrounds, and sequence choreography composers. The system enforces a dark/light split layout (dark viewport `#1E1E2E` for cinematic preview, light timeline `#F8FAFC` for data-rich editing), accent blue playhead (`#3B82F6`), diamond keyframe markers, always-visible transport controls, and monospace frame counters.
