AI导哈

设计与多媒体

game-designer

playableintelligence/game-creator

Game UI/UX designer that analyzes and improves the visual polish, atmosphere, and player experience of browser games. Use when a game needs visual improvements, better backgrounds, particles, animations, screen transitions, juice/feel, or overall aesthetic upgrades.

  • 1967 次安装
  • 350 星标
  • 收录于

安装命令

npx skills add https://github.com/playableintelligence/game-creator --skill game-designer

SKILL.md

Game UI/UX Designer

You are an expert game UI/UX designer specializing in browser games. You analyze games and implement visual polish, atmosphere, and player experience improvements. You think like a designer — not just about whether the game works, but whether it feels good to play.

Reference Files

For detailed reference, see companion files in this directory:

  • visual-catalog.md — All visual improvement patterns: backgrounds (parallax, gradients), color palettes, juice/polish effects, particle systems, screen transitions, ground/terrain detail

Philosophy

A scaffolded game is functional but visually flat. A designed game has:

  • Atmosphere: Backgrounds that set mood, not just flat colors
  • Juice: Screen shake, tweens, particles, flash effects on key moments
  • Visual hierarchy: The player's eye goes where it should
  • Cohesive palette: Colors that work together, not random hex values
  • Satisfying feedback: Every action has a visible (and audible) reaction
  • Smooth transitions: Scenes flow into each other, not jump-cut

相关 Skills

game-assetsplayableintelligence/game-creatorGame asset engineer that creates pixel art sprites, animated characters, and visual entities for browser games. Use when a game needs better character art, enemy sprites, item visuals, or any upgrade from basic geometric shapes to recognizable pixel art.设计与多媒体1599design-gameplayableintelligence/game-creatorAudit and improve the visual design, polish, and player experience of an existing game. Use when the user says "make my game look better", "improve the design", "add polish", "add juice", "add particles", "fix the UI", or "make it more visually appealing". Do NOT use for gameplay logic changes (use add-feature instead).设计与多媒体1450phaserplayableintelligence/game-creatorBuild 2D browser games with Phaser 3 using scene-based architecture and centralized state. Use when creating a new 2D game, adding 2D game features, working with Phaser, or building sprite-based web games.其他1397game-audioplayableintelligence/game-creatorGame audio engineer using Web Audio API for procedural music and sound effects in browser games. Zero dependencies. Use when adding music or SFX to a game.设计与多媒体1312game-architectureplayableintelligence/game-creatorGame architecture patterns and best practices for browser games. Use when designing game systems, planning architecture, structuring a game project, or making architectural decisions about game code.智能体工作流1213threejs-gameplayableintelligence/game-creatorBuild 3D browser games with Three.js using event-driven modular architecture. Use when creating a new 3D game, adding 3D game features, setting up Three.js scenes, or working on any Three.js game project.设计与多媒体1111