animation-and-motion
CommunityAnimate pocopine components with CSS transitions, layout animations, and spring physics.
Authormambisi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers create engaging animations for pocopine components, addressing the need for smooth transitions and dynamic visual effects.
Core Features & Use Cases
- CSS-Class-Based Transitions: Implement symmetric and asymmetric transitions with predefined presets.
- Layout Animations (FLIP): Animate position shifts for reordering components with FLIP animations.
- Programmatic Animations: Use the Web Animations API and pine-motion for custom animations.
- Use Case: Enhance user interfaces with eye-catching transitions and motion effects that improve user experience.
Quick Start
Apply the 'fade-scale' transition to a component to automatically animate its enter and leave phases.
Dependency Matrix
Required Modules
pocopinepine-motion
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: animation-and-motion Download link: https://github.com/mambisi/pocopine-skills/archive/main.zip#animation-and-motion Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.