What is cards-containers?
Use when animating cards, panels, tiles, or container elements to create depth and interactivity Source: dylantarre/animation-principles.
·cards-containers
*
cards-containers
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesSource: dylantarre/animation-principles
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Installation
How to Install cards-containers
Quickly install cards-containers AI skill to your development environment via command line
- Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
- Run Installation Command: Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill cards-containers
- Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Source: dylantarre/animation-principles.
SKILL.md
View rawApply Disney's 12 principles to cards and containers for engaging, dimensional interfaces.
Squash & Stretch Cards can subtly compress on drag-start and stretch when released. Keep it minimal: 2-3% scale change maximum.
Anticipation Before expanding a card to detail view, briefly scale down (0.98) for 50ms, then expand. Prepares user for the transformation.
Use when animating cards, panels, tiles, or container elements to create depth and interactivity Source: dylantarre/animation-principles.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/dylantarre/animation-principles --skill cards-containers- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-03-05
- Updated
- 2026-03-11
Quick answers
How do I install cards-containers?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill cards-containers Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Where is the source repository?
https://github.com/dylantarre/animation-principles
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-03-05