to-spring-or-not-to-spring
✓イージング カーブとスプリングのどちらを選択するための意思決定の枠組み。アニメーションを実装したり、違和感のあるモーションをデバッグしたり、タイミング関数を選択したりするときに使用します。 CSS トランジション、キュービックベジェ、スプリング物理学、ジェスチャ アニメーション、またはモーション ライブラリ構成を含むタスクをトリガーします。
SKILL.md
Easing curves and springs are not interchangeable—they come from different ways of thinking about motion and play different roles in an interface.
Ask: Is this motion reacting to the user, or is the system speaking?
| User-driven (drag, flick, gesture) | Spring | Survives interruption, preserves velocity | | System-driven (state change, feedback) | Easing | Clear start/end, predictable timing | | Time representation (progress, loading) | Linear | 1:1 relationship between time and progress |
イージング カーブとスプリングのどちらを選択するための意思決定の枠組み。アニメーションを実装したり、違和感のあるモーションをデバッグしたり、タイミング関数を選択したりするときに使用します。 CSS トランジション、キュービックベジェ、スプリング物理学、ジェスチャ アニメーション、またはモーション ライブラリ構成を含むタスクをトリガーします。 ソース: raphaelsalaja/userinterface-wiki。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill to-spring-or-not-to-spring- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
to-spring-or-not-to-spring とは？
イージング カーブとスプリングのどちらを選択するための意思決定の枠組み。アニメーションを実装したり、違和感のあるモーションをデバッグしたり、タイミング関数を選択したりするときに使用します。 CSS トランジション、キュービックベジェ、スプリング物理学、ジェスチャ アニメーション、またはモーション ライブラリ構成を含むタスクをトリガーします。 ソース: raphaelsalaja/userinterface-wiki。
to-spring-or-not-to-spring のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill to-spring-or-not-to-spring インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/raphaelsalaja/userinterface-wiki
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01