lists-grids とは？
リスト、グリッド、テーブル、または項目のコレクションをアニメーション化するときに使用して、スムーズな順序付け、フィルタリング、読み込み状態を作成します。 ソース: dylantarre/animation-principles。
·lists-grids
*
lists-grids
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesソース: dylantarre/animation-principles
リスト、グリッド、テーブル、または項目のコレクションをアニメーション化するときに使用して、スムーズな順序付け、フィルタリング、読み込み状態を作成します。
lists-grids のインストール方法
コマンドラインで lists-grids AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill lists-grids
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: dylantarre/animation-principles。
SKILL.md
原文を見るApply Disney's 12 principles to lists and grids for smooth, organized motion.
Squash & Stretch List items compress slightly when grabbed for reorder. Grid items can stretch when expanding to fill space on filter.
Anticipation Before list reorders, items briefly compress. Before filter removes items, they can shrink slightly. Prepares for change.
リスト、グリッド、テーブル、または項目のコレクションをアニメーション化するときに使用して、スムーズな順序付け、フィルタリング、読み込み状態を作成します。 ソース: dylantarre/animation-principles。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/dylantarre/animation-principles --skill lists-grids- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-03-05
- 更新日
- 2026-03-10
クイックアンサー
lists-grids のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill lists-grids インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/dylantarre/animation-principles
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-03-05