attention-choreography

Installation
SKILL.md

Attention Choreography

Guide visual attention through animation sequencing. Align animation order with natural reading patterns and visual hierarchy to create intuitive, scannable motion.

Standards Reference

Standard Documentation
W3C DTCG designtokens.org
Nielsen Norman Group F-pattern, Z-pattern research
Material Design 3 m3.material.io/styles/motion
Gutenberg Diagram Visual gravity principles

Quick Reference

Load from: tokens/attention-path.tokens.json

Reading Patterns

Installs
1
GitHub Stars
7
First Seen
Aug 30, 2026