スキル自身の言葉で
animation-vocabularyは、ウェブモーションに名前を付けるための逆引き用語集です。「ポップオーバーが開くときの弾むような動き」「iOSのラバーバンドスクロール」のようにざっくりとエフェクトを説明すると、正確な用語とグロッサリー独自の説明を、Stagger — Animate several items one after another. という形式で返します。
これは、アニメーション自体を設計・実装するのではなく、AIやデザイナーに指示を出す際に正しい言葉が必要なデザイナーや開発者向けです。このグロッサリーはEntrances & Exits、Sequencing & Timing、Movement & Transforms、Easing、Spring Animations、Scroll、Feedback & Interaction、Performance、Principles to Knowを網羅し、Clip-pathとMaskのような似た用語同士を対比します。
生成されるもの
- 一致する用語と、グロッサリー独自の定義を、整形された一行で
- それぞれに条件を付した、近い代替候補の箇条書きリスト
- 一致するものがない場合に、明示的にフラグ付けされた近似値
仕組み
- 01キーワードではなく、感触に一致させます
ユーザーはその動きがどのように見え、どのように感じられるかを述べ、その感触は技術的な文字列と照合されるのではなく、グロッサリーに対応付けられます。
- 02スキルの決められた形式で回答する
1行で、用語を太字にし、emダッシュを置いた後に、glossary自体の説明をそのまま記載します。回答の前置きは不要です。
- 03一致度でランク付けし、それから候補を列挙する
複数の用語が当てはまる場合は、最も一致するものを先に示し、続けて1〜2件の候補を挙げ、それぞれの違いを一文で説明します。
- 04用語を先に示して、そこで止める
用語を最初に示し、ユーザーがさらに求めない限り、根拠の説明は控えます。