What problem does it solve?
Many web-based 2D games ship with flat, placeholder visuals that make solid mechanics feel unfinished; this Skill raises the visual quality bar by providing production-grade standards, patterns, and guardrails for sprites, VFX, UI polish, and audio-visual sync so games feel responsive and premium.
Core Features & Use Cases
- Visual quality standards: Layered sprite generation, color and typography guidance, depth maps, and design token usage to ensure consistent aesthetics.
- VFX patterns & library guidance: Tiered VFX strategy (feedback, atmosphere, celebration), shared effect methods, inline patterns, and cleanup rules to avoid memory leaks.
- Performance & platform rules: Particle/tween budgets, mobile adjustments, power-of-two textures, and generation timing to keep games performant on browsers and mobile.
- Integration & naming: Conventions for sprite sheets, asset naming, preload fallbacks, and integration with shared UI and audio-manager libraries for synchronized feedback.
- Use cases: Procedural generateTexture sprite creation, visual audits of existing art, designing particle systems, adding game-juice, and preparing art for production pipelines.
Quick Start
Generate a polished layered sprite and matching VFX for a Phaser 3 scene and wire it to the shared UI and AudioManager for synchronized visual and audio feedback.