animate-performance

Original：🇨🇳 Chinese

Translated

This skill should be used when the user asks to 'optimize performance', 'check for memory leaks', 'improve performance', 'performance tuning', 'adjust performance', or mentions performance issues in Adobe Animate or CreateJS projects.

1installs

Sourcetim80411/ai-agent-extension

Added on2026-02-10

NPX Install

npx skill4agent add tim80411/ai-agent-extension animate-performance

SKILL.md Content (Chinese)

View Translation Comparison →

Adobe Animate Performance Optimization

Overview

Systematic performance optimization for Adobe Animate + CreateJS projects, identifying and fixing common performance bottlenecks.

When to Use This Skill

Conduct final performance reviews when completing Adobe Animate projects
When applications experience stuttering, excessive memory usage, or slow response
Refactor existing code to improve performance

7 Major Performance Issues

Required References:

```
references/common-patterns.md
```
- Performance anti-pattern identification and detection strategies
```
references/fix-strategies.md
```
- Specific fix code examples

#	Issue Type	Detection Keywords	Priority
1	Event Listener Memory Leaks	addEventListener without corresponding removeEventListener	P0
2	Redundant Event Bindings	Repeated event registration in init function	P1
3	Excessive Per-Frame Execution	Loops inside Ticker.addEventListener("tick")	P1
4	MovieClip Lifecycle Issues	Missing .stop() after MovieClip creation	P2
5	Excessive stage.update()	stage.update() inside loops	P1
6	Missing Cache	Complex static graphics not using cache()	P3
7	Resource Management	Loading all resources at once, audio not cleaned up	P3

See

references/common-patterns.md

for complete detection patterns and code examples.

Performance Analysis Workflow

Required References:

```
references/common-patterns.md
```
- Issue identification
```
references/fix-strategies.md
```
- Fix implementation
```
references/best-practices.md
```
- Code review standards

Phase 1: Automated Scanning

Use the

performance-analyzer

agent to scan the codebase:

Automatically detect the 7 major performance issues
Generate a detailed report (including file locations and line numbers)
Provide automatic repair options

Phase 2: Manual Review

Conduct manual reviews for issues requiring judgment:

Perform scenario-based optimization based on the agent's report
Refer to
```
references/fix-strategies.md
```
for repair examples

Phase 3: Testing

Verify improvement effects:

Use NW.js or browser DevTools Performance panel
Monitor memory usage trends
Check FPS during interaction

Triggering the Performance Analyzer

"Check this project for performance issues"
"Optimize the performance"
"Check for performance issues"
"Optimize performance"

The performance-analyzer agent will:

Scan all JavaScript files in the js/ directory
Identify the 7 major performance issues
Generate a report (including specific locations)
Ask whether to automatically apply fixes