# Concurrent Safe Animation

> Implement animation systems resilient to concurrent rendering and interrupted updates.

- Skill: `majiayu000/concurrent-safe-animation` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/concurrent-safe-animation`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/concurrent-safe-animation/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/concurrent-safe-animation

---


# Concurrent-Safe Animation (React 18)

## Summary

Implement animation systems resilient to concurrent rendering and interrupted updates.

## Key Capabilities

- Prevent animation glitches caused by re-entrancy.
- Coordinate animation timelines with render commits.
- Maintain stable layout measurements under transitions.

## PhD-Level Challenges

- Prove animation continuity under interrupted renders.
- Model animation schedules as concurrent state machines.
- Evaluate trade-offs between animation fidelity and throughput.

## Acceptance Criteria

- Demonstrate glitch-free animations under rapid updates.
- Provide tests for interrupted animation scenarios.
- Document synchronization strategy with rendering.