ux-design

Generate guided UX specifications for game screens, flows, or HUDs.

Updated Dec 22, 2024
One-click install
npx skills add https://github.com/imgamer/AILearn --skill ux-design-imgamer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-design
Source: https://github.com/imgamer/AILearn/tree/main/game-studios/Claude-Code-Game-Studios-e375f/.claude/skills/ux-design
Command: npx skills add https://github.com/imgamer/AILearn --skill ux-design-imgamer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

ux-design helps you author consistent, context-aware UX documentation for a game screen, flow, or HUD instead of starting from a blank page and missing important requirements.

Core Features & Use Cases

  • Guided UX Spec Authoring: Produces structured specs for screens/flows (e.g., main-menu, inventory) and HUD designs based on a mode argument.
  • Context-Driven Design: Reads game concept, player journey (if present), GDD UI Requirements, existing UX specs, interaction pattern catalog, art direction, accessibility requirements, and input/platform preferences.
  • Incremental & Retrofit Workflow: Detects whether the target output already exists and selectively fills only incomplete sections to avoid overwriting approved content.
  • Operational Section-by-Section Drafting: Walks through purpose, navigation, layout, interaction model, states, events, transitions, data requirements, accessibility, localization, and acceptance criteria.

Quick Start

Invoke ux-design with the screen/flow name you want to document, for example: "Design the main menu UX spec".

Frequently Asked Questions about ux-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a UX spec for a game HUD or screen flow?

To generate a UX spec for a game HUD or screen flow, use a guided authoring tool that compiles game concepts, player journey data, and GDD UI requirements into structured markdown documentation. The workflow reads existing repository context and produces incremental, section-approved drafts.

What is the best way to document game UI interaction patterns and accessibility tiers?

Documenting game UI interaction patterns and accessibility tiers involves compiling art direction, input constraints, and platform preferences into a centralized design reference. This ensures consistent UX navigation and localization standards across multiple game screens.

Can I update existing UX design documents without overwriting approved sections?

Yes, you can update existing UX design documents without overwriting approved sections by using a retrofit detection workflow. The process identifies existing output files and selectively fills only incomplete sections while preserving previously approved content.

Does this UX spec authoring workflow require existing GDD UI requirements?

While existing GDD UI requirements are read and aggregated to drive context-aware design, this workflow can still produce structured specs for screens and flows if some context files are missing. It relies on available game concept and player journey data to fill gaps.

How to structure screen UX specs for game layouts and transitions?

Structure screen UX specs for game layouts and transitions by walking through purpose, navigation, layout, interaction model, states, events, and acceptance criteria. This section-by-section drafting ensures all operational data requirements and localization parameters are covered.