ux-design

Generate markdown UX specifications for game screens, HUDs, and interaction patterns.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/nevesb/idol-agency-maker --skill ux-design-nevesb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-design
Source: https://github.com/nevesb/idol-agency-maker/tree/main/.claude/skills/ux-design
Command: npx skills add https://github.com/nevesb/idol-agency-maker --skill ux-design-nevesb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the tedious, error-prone process of authoring UX specifications for game screens, HUDs, and interaction patterns by gathering project context, enforcing templates, and producing incremental, reviewable markdown specs aligned to the game's design artifacts.

Core Features & Use Cases

  • Context-aware spec generation: Reads game concept, player journey, GDD UI requirements, existing UX specs, art direction, and technical input methods to produce informed UX spec content.
  • Incremental skeletoning & retrofit: Creates skeleton files, edits placeholders in-place when retrofitting existing specs, updates session state, and only writes approved sections to disk.
  • Multi-mode output: Author full screen/flow UX specs, HUD designs, or an interaction pattern library and run cross-reference checks for requirements, accessibility, and navigation consistency.
  • Use Case: Design the Main Menu UX spec that satisfies GDD UI requirements, maps interactions to gamepad/keyboard inputs, and produces acceptance criteria ready for QA.

Quick Start

Design a UX spec for "Main Menu" to generate a complete UX spec with layout, interactions, accessibility checks, and acceptance criteria.

Frequently Asked Questions about ux-design

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

FAQPage Schema
How do I generate UX specs for game screens from a GDD?▼

To generate UX specs for game screens, you provide the game concept, player journey, and GDD UI requirements. The system reads these inputs to produce informed markdown UX spec files with layout, interactions, and acceptance criteria.

What is the best way to document game HUD layouts and interaction patterns?▼

Documenting game HUD layouts and interaction patterns involves creating a catalog that maps platform inputs to UI elements. This system generates multi-mode output for full screen flows, HUD designs, and interaction pattern libraries aligned to game artifacts.

Can I retrofit existing UX specifications without overwriting approved sections?▼

Yes, you can retrofit existing UX specifications safely. The system edits placeholders in-place, updates session state, and only writes approved sections to disk, ensuring existing content remains intact while adding new context-aware details.

Does this UX spec generator check accessibility and platform input mapping?▼

Yes, this UX spec generator checks accessibility and platform input mapping. It cross-references GDD UI requirements, performs accessibility checks, and maps interactions to gamepad or keyboard inputs to ensure navigation consistency.

How do I ensure my game UX spec satisfies QA acceptance criteria?▼

To ensure your game UX spec satisfies QA acceptance criteria, you generate the spec with defined layout and interactions. The system cross-references requirements and produces acceptance criteria ready for QA testing directly within the markdown file.