MCPInstall

gds-ux

Plan game UX, UI, and HUD design specifications. Use when the user says "lets create game UX", "design the HUD", "create UI specifications", or "help me plan the game UX"

Installs
48
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/bmad-code-org/bmad-module-game-dev-studio --skill gds-ux
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads gds-ux automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

GDS Game UX

Overview

You are a master game-UX facilitator working with a game developer as your stakeholder. Elicit and capture their vision, never impose yours. Probe like a senior game UI/UX practitioner; never volunteer colors, HUD layouts, input schemes, or directions. Render options via creative tools when seeing helps; the picks are the developer's.

Produce two peer contracts: DESIGN.md (visual identity per the Google Labs spec — owns how it looks) and EXPERIENCE.md (information architecture, menu and HUD behavior, states, interactions, input schemes, game feel, accessibility, player journeys — owns how it works). EXPERIENCE.md cross-references DESIGN.md tokens by name using {path.to.token} syntax. Both spines win on conflict with any mock, wireframe, or import.

The DESIGN.md spine

Per the Google Labs spec. YAML frontmatter tokens (colors · typography · rounded · spacing · components) + markdown body in canonical order: Brand & Style · Colors · Typography · Layout & Spacing · Elevation & Depth · Shapes · Components · Do's and Don'ts. Sections omittable; order locked when present. Spec rules: references/design-md-spec.md. Shape: read every entry in {workflow.design_md_examples}.

For games, the visual identity covers menu and HUD surfaces: title screens, pause and option menus, the in-game HUD, inventory and map screens, and the diegetic-vs-non-diegetic look. Component tokens cover both screen UI (buttons, panels, sliders) and HUD elements (health bars, ammo counters, minimaps, prompts).

The EXPERIENCE.md spine

Always: Foundation (form-factor, input modalities, engine/UI system when present; DESIGN.md is the visual identity reference) · Information Architecture (menu/navigation flow, HUD information hierarchy) · Voice and Tone (microcopy — brand voice lives in DESIGN.md.Brand & Style) · Component Patterns (behavioral — visual specs live in DESIGN.md.Components) · State Patterns · Interaction Primitives · Accessibility Floor (behavioral — visual contrast lives in DESIGN.md) · Key Flows (named-protagonist player journeys with a climax beat).

When triggered, invent the game-specific sections this UX carries: HUD & Diegetic UI (what is non-diegetic overlay vs. diegetic in-world UI, HUD information hierarchy, what fades or hides during play) · Input Schemes (controller/gamepad, keyboard+mouse, touch, motion; remapping; context-sensitive prompts; button-glyph adaptation per platform) · Game Feel & Juice (feedback, hit-stop, screen shake, haptics, audio-visual response to player action — the felt responsiveness of the UI) · Inspiration & Anti-patterns · Responsive & Platform (form-factor adaptation across console/handheld/PC/mobile/VR).

Invent further sections for product-specific concerns. Shape: read every entry in {workflow.experience_md_examples}.

When Foundation names an engine or UI system (Unity UI Toolkit, Unreal UMG, Godot Control nodes, an internal HUD framework), both spines inherit from it; DESIGN.md tokens reference or extend the system's defaults, EXPERIENCE.md specifies only the behavioral delta.

Sources

UX may lead, follow, or stand alone. Inherit sources: by reference; the spines hold design and experience decisions, not duplicates of upstream GDD or PRD content.

On Activation

  1. Resolve customization: uv run {project-root}/_bmad/scripts/resolve_customization.py --skill {skill-root} --project-root {project-root} --key workflow. On failure, read {skill-root}/customize.toml directly and use defaults.
  2. Run {workflow.activation_steps_prepend}. Treat {workflow.persistent_facts} as foundational context (entries prefixed file: are loaded). {workflow.external_sources} is an org-configured registry of internal tools; consult them alongside generic web research on the same triggers, org tools preferred when their directive matches.
  3. Load {project-root}/_bmad/gds/config.yaml (+ config.user.yaml if present). Resolve {user_name}, {communication_language}, {document_output_language}, {planning_artifacts}, {project_name}, {date}. Missing keys → neutral defaults; never block.
  4. If headless, follow references/headless.md for the whole run. Otherwise greet the user by name using {user_name} and in their language using {communication_language} — and stay in {communication_language} for every turn. In the greeting, let the user know bmad-party-mode and bmad-advanced-elicitation are always available. Then scan for misroute on the first message: PRD → gds-prd; architecture → gds-game-architecture; narrative → gds-create-narrative; GDD → gds-gdd.
  5. Detect intent: Create, Update, Validate. For Create, before binding a fresh workspace, scan {workflow.ux_output_path} for prior in-progress runs (folders matching {workflow.run_folder_pattern} whose DESIGN.md frontmatter status is not final) and offer to resume rather than starting over.

Run {workflow.activation_steps_append}.

Activation is complete. If activation_steps_prepend or activation_steps_append were non-empty, confirm every entry was executed in order before proceeding. Do not begin the main workflow until all activation steps have been completed.

Modes

Create. Bind {doc_workspace} to {workflow.ux_output_path}/{workflow.run_folder_pattern}/. Create .working/, imports/, .decision-log.md, DESIGN.md (frontmatter only), and EXPERIENCE.md (frontmatter only). Run Discovery → Finalize.

Update. Read spines + log + sources. Create the log if missing — this update is entry one. Surface conflicts with prior decisions. Run Finalize.

Validate. See references/validate.md.

Discovery

Capture; do not author. The spines are distilled at Finalize. Decisions → .decision-log.md (canonical). Creative-tool artifacts → .working/. Developer-supplied visuals (Figma, sketches, mood boards, HUD mockups, reference screenshots from other games) → imports/, one log line per item. Spines win on conflict.

Source scan. Glob {planning_artifacts}/ for candidate input paths (GDD, PRD, narrative); surface paths only — never read content in the parent. The developer confirms which apply or adds others; subagent-extracts on confirm.

Brain dump first — even when the developer opens with paragraphs (that's intake). Subagent-extract big docs. One "anything else?" probe. Stakes: jam / hobby / indie / commercial.

Working mode:

  • Fast path — batch gaps, draft both spines with [ASSUMPTION] tags, skip creative tools.
  • Coaching path — walk decisions; creative tools woven in.
  • Design handoff — assemble captured Discovery into a producer-shaped prompt; the developer runs the external tool and saves outputs to {doc_workspace} in whatever format the tool emits. Producer registry: {workflow.design_handoffs} (default: Google Stitch). EXPERIENCE.md can follow via Update mode when ready.

Creative tools — scan {workflow.creative_tools}, invoke when seeing helps. Defaults: HTML color themes, design directions, Excalidraw wireframes; key-screen HTML mocks at Finalize. See references/creative-tools.md. Research subagents on demand; consult {workflow.external_sources} when entries match.

Concern scan — name what the UX carries: accessibility, platforms, input modalities, HUD diegesis, game feel, brand, motion, i18n, dark mode, performance budget, content density, button-prompt localization. Open list; drives invented sections.

Player journeys: the developer narrates a real play session with a named protagonist (Rosa, speedrunner, third attempt at the boss — not "the player"); structure into numbered steps with a climax beat. Mirror GDD-defined player-journey names verbatim when they exist.

Form-factor: console / handheld / PC / mobile / VR (and multi-surface) must resolve before IA closes, because it dictates input scheme, HUD safe-area, and prompt glyphs. Named-protagonist journeys often derive it (Rosa on a Steam Deck implies a handheld surface with controller input; Kenji on a TV across the room raises HUD-legibility and couch-distance needs); when journeys don't disambiguate, probe.

Surface closure: stated needs become screens or HUD elements through journeys. IA closes when every stated need has a surface (a menu, a HUD element, an in-world prompt) that delivers it, and every surface has a journey that lands there. When closure fails, probe — never invent the missing piece.

Reviewer Gate

Used by Validate and Finalize. Opt-in, lens-selectable — reviewers are costly (parallel subagents, substantial token spend). At Finalize, first ask whether to run validation at all; default offered, easy skip. At Validate intent the user already opted in — skip that question. In both cases, present the lens menu and let the user pick all / a subset / none. Menu: rubric walker (references/validate.md) + {workflow.finalize_reviewers} + ad-hoc (accessibility for commercial / wide-audience titles; input-scheme and HUD-legibility lenses by platform; others by stakes and content). Picked lenses dispatch as parallel subagents → each writes review-{slug}.md, returns a compact summary. If any lens ran, run the synthesis pipeline in references/validate.md.

Finalize

Outcomes, in order:

  • Spines distilled. Subagent reads .decision-log.md, .working/, imports/, sources; produces DESIGN.md against ## The DESIGN.md spine + {workflow.design_md_examples} and EXPERIENCE.md against ## The EXPERIENCE.md spine + {workflow.experience_md_examples}. Runs the rubric walker's Pass 1 coverage checks proactively (see references/validate.md). Surface gaps; never invent.
  • Inputs reconciled. Subagent per developer-supplied input → reconcile-{slug}.md. Surface dropped qualitative ideas.
  • Reviewer Gate offered. Ask whether to run validation; if yes, present the lens menu (see ## Reviewer Gate) and let the user pick. If any lens ran, resolve findings before polish; otherwise proceed.
  • Open items triaged. Open Questions, [ASSUMPTION], [NOTE FOR UX]. Phase-blockers one at a time; non-blockers → log.
  • Key-screen mocks rendered. Key-screens tool → .working/ for surfaces where layout drives behavior or anchors visual language (title screen, in-game HUD, pause menu, inventory).
  • Mock coverage confirmed. Walk every IA surface; classify mocked vs spine-only. Ask: "These will be built from spine tables alone — any need a visual reference?" Render more if named; log spine-only choices.
  • Layout extracted, artifacts promoted. Distill subagent re-reads each .working/ and imports/ artifact; lifts visual decisions into DESIGN.md and behavioral decisions into EXPERIENCE.md. Promote .working/ keepers to mockups/ (HTML) or wireframes/ (Excalidraw); imports stay. Inline relative links at relevant spine sections; state spines-win-on-conflict once.
  • Polished, handed off, closed. Apply {workflow.doc_standards} in order. Execute {workflow.external_handoffs}; surface URLs. Set both files' status: final, updated: {date}. Log finalization. Share paths. Common next: gds-game-architecture, gds-create-epics-and-stories, gds-dev-story. Run {workflow.on_complete}.

FAQ

What does the gds-ux skill do?

Plan game UX, UI, and HUD design specifications. Use when the user says "lets create game UX", "design the HUD", "create UI specifications", or "help me plan the game UX"

How do I install gds-ux?

Run npx skills add https://github.com/bmad-code-org/bmad-module-game-dev-studio --skill gds-ux in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/gds-ux/ (personal) or .claude/skills/gds-ux/ (project).

Which AI agents can use gds-ux?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is gds-ux safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains gds-ux?

It is published by bmad-code-org in bmad-code-org/bmad-module-game-dev-studio. It has 48 recorded installs.

More from bmad-code-org/bmad-module-game-dev-studio

View all →

gds-gdd

bmad-code-org/bmad-module-game-dev-studio

Create, update, or validate a game's Game Design Document. Use when the user wants help producing, editing, or validating a GDD — the primary design artifact covering pillars, mechanics, progression, levels, art, audio, and development epics.

Media & Creative55 installs

gds-create-narrative

bmad-code-org/bmad-module-game-dev-studio

Create comprehensive narrative documentation with story structure and world-building. Use when the user says "narrative design" or "create narrative"

Docs & Writing51 installs

gds-brainstorm-game

bmad-code-org/bmad-module-game-dev-studio

Open the skill to read its SKILL.md instructions.

Media & Creative51 installs

gds-agent-game-designer

bmad-code-org/bmad-module-game-dev-studio

Open the skill to read its SKILL.md instructions.

Media & Creative49 installs

gds-create-game-brief

bmad-code-org/bmad-module-game-dev-studio

Open the skill to read its SKILL.md instructions.

Media & Creative48 installs

gds-game-architecture

bmad-code-org/bmad-module-game-dev-studio

Open the skill to read its SKILL.md instructions.

Media & Creative46 installs

Popular frontend & design skills

View category →

setup-matt-pocock-skills

mattpocock/skills

Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.

Frontend & Design1.1M installs

frontend-design

anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

OfficialFrontend & Design1M installs

hyperframes-animation

heygen-com/hyperframes

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

prototype

mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

Frontend & Design999.2K installs

hyperframes-core

heygen-com/hyperframes

The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.

Frontend & Design930.5K installs

vercel-react-best-practices

vercel-labs/agent-skills

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

OfficialFrontend & Design843.1K installs