css-animation-creator とは？
プロフェッショナルな CSS アニメーション、トランジション、マイクロインタラクション、複雑なモーション デザインを作成します。アニメーション、ホバー効果、状態の読み込み、ページ遷移、スクロール アニメーション、またはモーション デザイン作業を追加するときに使用します。 ソース: onewave-ai/claude-skills。
·css-animation-creator
*
css-animation-creator
✓プロフェッショナルな CSS アニメーション、トランジション、マイクロインタラクション、複雑なモーション デザインを作成します。アニメーション、ホバー効果、状態の読み込み、ページ遷移、スクロール アニメーション、またはモーション デザイン作業を追加するときに使用します。
css-animation-creator のインストール方法
コマンドラインで css-animation-creator AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/onewave-ai/claude-skills --skill css-animation-creator
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: onewave-ai/claude-skills。
SKILL.md
原文を見る| Squash & Stretch | Button press, elastic effects | | Anticipation | Hover states before action | | Staging | Focus attention on important elements | | Follow Through | Overshoot then settle | | Ease In/Out | Natural acceleration/deceleration | | Arcs | Curved motion paths | | Secondary Action | Supporting animations |
| Timing | Duration conveys weight/importance | | Exaggeration | Emphasis for clarity | | Appeal | Pleasing, polished motion |
| Micro-interaction | 100-200ms | ease-out | | Button/hover | 150-250ms | ease | | Modal open | 200-300ms | ease-out | | Modal close | 150-200ms | ease-in | | Page transition | 300-500ms | ease-in-out | | Loading loop | 1000-2000ms | linear/ease-in-out | | Attention grab | 500-1000ms | elastic |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/onewave-ai/claude-skills --skill css-animation-creator- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-03-01
- 更新日
- 2026-03-10
クイックアンサー
css-animation-creator のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/onewave-ai/claude-skills --skill css-animation-creator インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/onewave-ai/claude-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-03-01