使い方
- インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
- 必要なツール、認証情報、対応環境を原文で確認します。
- 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/akais-alt/ai-motion-design-skills --skill kinetic-typography開始前の確認
- 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
- スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文
見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。
Kinetic Typography
Principles
Typography is the visual subject, not decoration.
Build order
- Choose type hierarchy.
- Establish baseline/grid.
- Define entrance, emphasis and exit.
- Map important words to beats or narration.
- Add secondary details only after the primary message works.
Animation vocabulary
Use:
- fade
- slide
- scale
- reveal/mask
- tracking change
- line growth
- word stagger
- character stagger
- blur-to-sharp
- kinetic displacement
Use effects sparingly.
Timing
Default logic:
- fast hook
- readable hold
- energetic emphasis
- clean exit
Never sacrifice legibility for speed.
Professional checks
- sufficient contrast
- safe margins
- no awkward widows
- consistent tracking
- readable at target size
- hierarchy survives grayscale
