capture-animate-restore-pattern
CommunityRestore exact state after temporary animations.
Software Engineering#state-management#restoration#capture-start-state#animation-pattern#temporary-animation#visual-continuity#eye-animation
Authormlinnen
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The pattern provides a robust approach to run temporary animations that overlay persistent state while ensuring the original state is restored exactly after the animation completes, preventing visual jumps.
Core Features & Use Cases
- Three-state tracking: introduces is_{animation}, {animation}_progress, and {animation}_start_state to isolate temporary effects.
- Controlled restoration: returns to the exact captured starting state after completion, not a generic default.
- Real-world examples: blink, rolling eyes, and any transient overlay.
Quick Start
Implement the capture-animate-restore pattern by capturing the current state at animation start and restoring it exactly after the animation completes.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: capture-animate-restore-pattern Download link: https://github.com/mlinnen/mr-pumpkin/archive/main.zip#capture-animate-restore-pattern 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 471,000+ vetted skills library on demand.