animation-best-practices とは？
応答性の高い洗練されたインターフェイスのための CSS および UI アニメーション パターン。ホバー効果、ツールチップ、ボタンのフィードバック、トランジションを実装する場合、またはちらつきや揺れなどのアニメーションの問題を修正する場合に使用します。 ソース: aidenybai/react-scan。
·animation-best-practices
*
animation-best-practices
✓応答性の高い洗練されたインターフェイスのための CSS および UI アニメーション パターン。ホバー効果、ツールチップ、ボタンのフィードバック、トランジションを実装する場合、またはちらつきや揺れなどのアニメーションの問題を修正する場合に使用します。
animation-best-practices のインストール方法
コマンドラインで animation-best-practices AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/aidenybai/react-scan --skill animation-best-practices
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: aidenybai/react-scan。
SKILL.md
原文を見るDetailed reference guide for common animation scenarios. Use this as a checklist when implementing animations.
When something feels off but you can't identify why, record the animation and play it back frame by frame. This reveals details invisible at normal speed.
Elements may shift by 1px at the start/end of CSS transform animations due to GPU/CPU rendering handoff.
応答性の高い洗練されたインターフェイスのための CSS および UI アニメーション パターン。ホバー効果、ツールチップ、ボタンのフィードバック、トランジションを実装する場合、またはちらつきや揺れなどのアニメーションの問題を修正する場合に使用します。 ソース: aidenybai/react-scan。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/aidenybai/react-scan --skill animation-best-practices- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-22
- 更新日
- 2026-03-11
クイックアンサー
animation-best-practices のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/aidenybai/react-scan --skill animation-best-practices インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/aidenybai/react-scan
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-22
関連 Skills
なし