This skill provides expertise for the animation module.
Location: cocos/animation
Language: typescript
Files: 10 files
Domain Expertise
Patterns
event-driven
state-machine
component-based
Key Concepts
AnimationClip
AnimationState
Animation
SkeletonAnimation
Key APIs
Classes
AnimationClip
AnimationState
Animation
SkeletonAnimation
Functions
playAnimation()
stopAnimation()
crossFade()
Public API
AnimationClip
AnimationState
SkeletonAnimation
Common Patterns
event-driven: Common pattern in this module
state-machine: Common pattern in this module
component-based: Common pattern in this module
Usage Examples
// Pattern usage examples would go here
// Analyze actual code for specific implementations
Code Examples
Basic Usage
# Import from animation
import { AnimationClip, AnimationState } from 'animation';
Usage Guide
When to Use This Skill
Working with animation module
Implementing features related to this domain
Refactoring code in this module
Debugging issues in this area
Best Practices
Understand the domain: Review the module's purpose and patterns
Follow conventions: Use the naming and structure patterns found in the codebase
Check dependencies: Be aware of module dependencies
Test changes: Ensure changes don't break existing functionality
Common Tasks
Adding new functionality to the module
Refactoring existing code
Fixing bugs
Adding tests
1---2name: animation3description: Animation4---56# Animation78## Overview910This skill provides expertise for the **animation** module.1112**Location**: `cocos/animation`1314**Language**: typescript1516**Files**: 10 files1718## Domain Expertise1920### Patterns21- event-driven22- state-machine23- component-based2425### Key Concepts26- `AnimationClip`27- `AnimationState`28- `Animation`29- `SkeletonAnimation`3031## Key APIs3233### Classes34- `AnimationClip`35- `AnimationState`36- `Animation`37- `SkeletonAnimation`3839### Functions40- `playAnimation()`41- `stopAnimation()`42- `crossFade()`4344### Public API45- `AnimationClip`46- `AnimationState`47- `SkeletonAnimation`4849## Common Patterns5051- **event-driven**: Common pattern in this module52- **state-machine**: Common pattern in this module53- **component-based**: Common pattern in this module5455### Usage Examples5657```typescript58// Pattern usage examples would go here59// Analyze actual code for specific implementations60```6162## Code Examples6364### Basic Usage6566```typescript67# Import from animation6869import { AnimationClip, AnimationState } from 'animation';70```71## Usage Guide7273### When to Use This Skill7475- Working with animation module76- Implementing features related to this domain77- Refactoring code in this module78- Debugging issues in this area7980### Best Practices81821. **Understand the domain**: Review the module's purpose and patterns832. **Follow conventions**: Use the naming and structure patterns found in the codebase843. **Check dependencies**: Be aware of module dependencies854. **Test changes**: Ensure changes don't break existing functionality8687### Common Tasks8889- Adding new functionality to the module90- Refactoring existing code91- Fixing bugs92- Adding tests93
Run npx skillmds@latest add kongshan001/animation in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Animation It is listed under Coding & Dev Tools on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
kongshan001 (@kongshan001) published this skill. Their other Agent Skills are listed on their SkillMD profile.