スキル一覧に戻る
MoJuiceX

performance

by MoJuiceX

🍊 Tang Gang OS - Mobile app for Wojak Farmers Plot (4200 NFTs on Chia). Gallery | Treasury | Generator | BigPulpIntelegence | Game. Built with Ionic + React.

1🍴 0📅 2026年1月24日
GitHubで見るManusで実行

SKILL.md


name: performance description: | Mobile game performance optimizer for canvas-based games. Analyzes game files for performance bottlenecks and applies cutting-edge 2024-2025 optimization patterns.

  • MANDATORY TRIGGERS: optimize, performance, FPS, lag, slow, mobile performance, frame drops, jank, stuttering
  • Use when: optimizing any game in src/pages/ or src/games/, fixing mobile performance issues, improving frame rate, reducing battery drain

Game Performance Optimizer

Optimize canvas-based games for 60 FPS on mid-range mobile devices (iPhone 11, Pixel 5).

Quick Start

  1. Read references/patterns.md for the 8 gold-standard optimization patterns
  2. Analyze the target game file for RED FLAGS
  3. Apply fixes using patterns from the reference
  4. Output summary of changes

Execution Steps

Step 1: Identify Game File

Find the game based on user input:

  • Full path: use directly (e.g., src/pages/FlappyOrange.tsx)
  • Game name: check src/pages/[Name].tsx first, then src/games/[Name]/index.tsx

Step 2: Read References

Always read first: references/patterns.md - Contains all 8 optimization patterns with code.

Step 3: Read Game + Dependencies

Read the main game file, then trace imports from:

  • src/lib/canvas/ - Canvas utilities
  • src/lib/juice/ - Audio, particles, effects
  • src/hooks/ - Game hooks
  • src/systems/ - Shared systems

Step 4: Identify RED FLAGS

Check for these critical issues:

RED FLAGPattern to Apply
createLinearGradient in game loopOffscreenCanvas caching (#2)
useState for position/velocityuseRef for game state (#4)
new Particle() in loopObject pooling (#3)
new AudioContext() per soundAudio singleton (#5)
No cancelAnimationFrame cleanupAdd cleanup return
No delta time in physicsFixed timestep (#1)
No touch-action: none CSSPassive listeners (#6)
No visibilitychange handlerPage Visibility API (#7)
devicePixelRatio > 2Adaptive DPR (#8)

Step 5: Apply Fixes

For each issue, apply the corresponding pattern from references/patterns.md.

Step 6: Output Summary

## Performance Optimization: [GameName]

### Issues Found
1. [Issue] - Line XX
...

### Fixes Applied
1. [Fix description]
...

### Expected Improvements
| Metric | Before | After |
|--------|--------|-------|
| Gradient calls/frame | X | 0 |
| Re-renders/frame | X | 0 |
| Object allocations/frame | X | 0 |

Performance Targets

MetricTarget
Frame time<16.67ms
Gradient calls/frame0
Object allocations/frame0
React re-renders/frame0
AudioContext instances1
  • references/patterns.md - All 8 optimization patterns with full code
  • docs/MOBILE-PERFORMANCE-AUDIT-PROMPT.md - Extended documentation
  • docs/games/orange-tree-performance.md - Tree caching example

スコア

総合スコア

60/100

リポジトリの品質指標に基づく評価

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

0/10
説明文

100文字以上の説明がある

+10
人気

GitHub Stars 100以上

0/15
最近の活動

3ヶ月以内に更新がある

0/10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

0/5

レビュー

💬

レビュー機能は近日公開予定です