mcpField
D
directing-game-visuals

directing-game-visuals

github.com/abagamesOther3840 installsUpdated 2w ago
Repository

About directing-game-visuals

A game-visual direction skill for translating mechanics and concepts into readable visual feedback. It guides palette roles, composition, validation, and asset handoff, with implementation guidance only when runtime probing is in scope.

Key features

  1. 01Derive mood, material, and motion
  2. 02Map mechanics to visual feedback
  3. 03Assign gameplay roles to palette colors
  4. 04Validate readability without HUD text
  5. 05Prepare pixel-art asset handoff

Use cases

  1. 01Defining visual direction from a game concept
  2. 02Making danger and rewards visually legible
  3. 03Planning feedback for gameplay mechanics
  4. 04Preparing visual requirements for pixel art

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/abagames/agentic-gamedev-skills --skill directing-game-visuals

After installing, type/directing-game-visualsin Claude Code to confirm it loaded.

Bundled filesreferences/visual-design-guide.md

Details

From the project README

Make visuals communicate play state rather than merely decorate it. Put the full plan in <PROJECT_DIR>/VISUAL_DESIGN.md when a project is known; keep any existing README/design visual-audio section to a short summary, updated only when direction changes. If tags are absent, derive and label 2–3 concept-derived tags from the concept's material, geometry, motion, or atmosphere.

Core rules:

  • Establish one protagonist, one primary danger, and one primary reward before detail.
  • Assign every palette color a gameplay role.
  • Feedback must be legible without UI text: motion, shape, impact, timing, contrast, and sound hooks should carry meaning.
  • Keep the center readable; push noisy texture and secondary motion to the periphery unless the mechanic demands otherwise.
  • Transform familiar template symbols through the game's own visual logic.

Workflow:

  1. Extract mood, material, geometry, and motion from the concept or constraints.
  2. Synthesize one visual phrase for the whole game.
  3. Map mechanics to visual state changes and feedback effects.
  4. Choose a 3-5 color palette with explicit gameplay roles.
  5. Validate protagonist, danger, and reward in one still frame without HUD text.
  6. Only when implementation and probing are in scope, expose stable palette roles and HUD anchors as runtime-readable data shared by drawing and semantic probes. Do not require fixed coordinates for responsive/scene-graph layouts or turn visual-direction-only work into code changes.

When pixel-art generation will follow, include an asset handoff: what remains procedural, what becomes assets, palette constraints, and readability acceptance criteria.

Read references/visual-design-guide.md for pattern tables, checklists, and the anti-generic visual addendum template.

Comments

Markdown supported