陌讯skills聚合平台

animate-performance

📁 tim80411/ai-agent-extension 📅 3 days ago
4
总安装量
1
周安装量
#48798
全站排名
安装命令
npx skills add https://github.com/tim80411/ai-agent-extension --skill animate-performance

Agent 安装分布

amp 1
opencode 1
kimi-cli 1
codex 1
github-copilot 1
antigravity 1

Skill 文档

Adobe Animate Performance Optimization

Overview

針對 Adobe Animate + CreateJS 專案進行系統性效能優化，識別並修復常見效能瓶頸。

When to Use This Skill

  • 完成 Adobe Animate 專案時進行最終效能審查
  • 應用程式出現卡頓、記憶體使用過高、或響應變慢
  • 重構現有程式碼以改善效能

7 大效能問題

Required References:

  • references/common-patterns.md – 效能反模式識別與檢測策略
  • references/fix-strategies.md – 具體修復程式碼範例
# 問題類型 檢測關鍵字 優先級
1 Event Listener Memory Leaks addEventListener 無對應 removeEventListener P0
2 Redundant Event Bindings init 函數中重複註冊事件 P1
3 Excessive Per-Frame Execution Ticker.addEventListener(“tick”) 內有迴圈 P1
4 MovieClip Lifecycle Issues MovieClip 建立後無 .stop() P2
5 Excessive stage.update() stage.update() 在迴圈內 P1
6 Missing Cache 複雜靜態圖形未使用 cache() P3
7 Resource Management 一次載入所有資源、音訊未清理 P3

詳見 references/common-patterns.md 取得完整的檢測模式與程式碼範例。

Performance Analysis Workflow

Required References:

  • references/common-patterns.md – 問題識別
  • references/fix-strategies.md – 修復實作
  • references/best-practices.md – 程式碼審查標準

Phase 1: Automated Scanning

使用 performance-analyzer agent 掃描程式碼庫：

  • 自動檢測 7 大效能問題
  • 產出詳細報告（含檔案位置與行號）
  • 提供自動修復選項

Phase 2: Manual Review

針對需要判斷的問題進行人工審查：

  • 根據 agent 報告進行情境優化
  • 查閱 references/fix-strategies.md 取得修復範例

Phase 3: Testing

驗證改善效果：

  • 使用 NW.js 或瀏覽器 DevTools Performance 面板
  • 監控記憶體使用趨勢
  • 檢查互動時的 FPS

Triggering the Performance Analyzer

"Check this project for performance issues"
"Optimize the performance"
"檢查效能問題"
"效能優化"

performance-analyzer agent 會：

  1. 掃描 js/ 目錄下所有 JavaScript 檔案
  2. 識別 7 大效能問題
  3. 產出報告（含具體位置）
  4. 詢問是否要自動套用修復
GitHub 仓库 ↗ ← 返回陌讯 Skills 聚合平台
本页面由 陌讯 Skills 聚合平台 收录整理，数据定期更新。