Skills

UX Design

Section-by-section UX spec authoring for a screen, flow or HUD.

Install

npx skills add Donchitos/Claude-Code-Game-Studios --skill ux-design -g -a claude-code -y
Category
Design
Updated
17d ago
License
MIT
Context cost
Mediumabout 2,299 tokens
Runs scripts
No, instructions only

What it does

Section-by-section UX spec authoring for a screen, flow or HUD. Reads the player journey to provide context; also project-wide accessibility.

!bash "${CLAUDE_SKILL_DIR}/../../hooks/yaml-helper.sh" resolve_config --keys automation,workflow,docs.density

Resolved above, use as-is. No block → defaults in .claude/docs/config-resolution.md.

UX Design

When this skill is invoked:

Every AskUserQuestion call follows .claude/docs/automation-modes.md (collaborative asks always · guided major-only · autonomous logs and proceeds; automation_always_ask categories always prompt).

Authoring guidance: the skeletons below are self-contained, author from them directly. When a section needs depth (worked examples, pattern catalogs, accessibility criteria), the matching guide has it:

ProducingGuide
UX spec.claude/docs/templates/guidance/ux-spec-guide.md
HUD design.claude/docs/templates/guidance/hud-design-guide.md
Interaction patterns.claude/docs/templates/guidance/interaction-pattern-library-guide.md (routes to three topic files)
Accessibility requirements.claude/docs/templates/guidance/accessibility-requirements-guide.md

Load a guide per-section, never whole, each is organised by section and the pointers in the templates name the exact section to read.

workflow (see .claude/docs/workflow-modes.md):

  • full, a UX spec is required per screen.
  • standard, core screens only (main menu, HUD, primary game loop).
  • minimal, not required. Can still be run voluntarily.

docs.density, it controls per-section depth, where workflow controls which screens are specced. modes.rigor sets both together; set docs.density explicitly to vary depth alone: terse (the default, via rigor: minimal) = wireframe descriptions + interaction bullets; balanced = wireframes + paragraph descriptions of flows (rigor: standard); thorough = full prose including user-research summaries and alternative flow considerations. Apply it to every section you author.

1. Parse Arguments & Determine Mode

Read the whole SKILL.md on GitHub

More in Design