icons-badges とは？
アイコン、バッジ、アバター、ステータス インジケーター、または小さな視覚要素をアニメーション化して個性やフィードバックを追加するときに使用します。 ソース: dylantarre/animation-principles。
·icons-badges
*
icons-badges
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesソース: dylantarre/animation-principles
アイコン、バッジ、アバター、ステータス インジケーター、または小さな視覚要素をアニメーション化して個性やフィードバックを追加するときに使用します。
icons-badges のインストール方法
コマンドラインで icons-badges AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill icons-badges
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: dylantarre/animation-principles。
SKILL.md
原文を見るApply Disney's 12 principles to small UI elements for personality and meaningful feedback.
Squash & Stretch Heart icons can squash/stretch on "like" tap. Notification badges can bounce with squash on arrival. Adds life to small elements.
Anticipation Before icon action, brief scale down (0.9) for 50ms. Bell can tilt back before ringing forward. Prepares for action.
アイコン、バッジ、アバター、ステータス インジケーター、または小さな視覚要素をアニメーション化して個性やフィードバックを追加するときに使用します。 ソース: dylantarre/animation-principles。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/dylantarre/animation-principles --skill icons-badges- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-03-05
- 更新日
- 2026-03-10
クイックアンサー
icons-badges のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill icons-badges インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/dylantarre/animation-principles
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-03-05