skills.rest
FrancisVarga
FrancisVargaCOMMUNITY
Explore all skills by this author →
GitHub

ux-design

Generates guided UX specs and HUD designs for game screens and flows.

Updated May 13, 2026
Search Tags:#accessibility#interaction patterns#game ui#hud design#ux spec#player journey#gdd requirements
One-click install
npx skills add https://github.com/FrancisVarga/the-dream-machine --skill ux-design-francisvarga
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-design
Source: https://github.com/FrancisVarga/the-dream-machine/tree/main/.claude/skills/ux-design
Command: npx skills add https://github.com/FrancisVarga/the-dream-machine --skill ux-design-francisvarga

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps game teams create consistent, context-aware UX documentation without starting from a blank page or guessing player needs.

Core Features & Use Cases

  • Guided UX spec authoring: Produces a screen/flow UX spec with structured sections (purpose, context, layout, interactions, states, accessibility, and acceptance criteria).
  • HUD-focused design output: Generates a dedicated HUD design document using the studio templates and aggregates requirements when needed.
  • Interaction pattern discovery support: Uses an existing interaction pattern library (when present) to reference established UI/interaction behaviors rather than inventing duplicates.

Quick Start

Run the ux-design skill with argument main-menu to generate a guided UX spec for the main menu in design/ux/main-menu.md.

Frequently Asked Questions about ux-design

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

FAQPage Schema
How do I write a UX specification for a game screen?▼

To write a UX specification for a game screen, use a guided process that drafts sections like purpose, context, layout, interactions, states, accessibility, and acceptance criteria incrementally. This approach incorporates game concepts and player journey data to ensure consistent documentation.

What is included in a game HUD design document?▼

A game HUD design document includes structured sections detailing layout, interaction patterns, states, and accessibility criteria. It aggregates game design document requirements and existing UX specs to produce context-aware heads-up display documentation.

How do I generate UX specs without duplicating existing interaction patterns?▼

To generate UX specs without duplicating interaction patterns, the authoring process references an existing interaction pattern library. It discovers and applies established UI behaviors rather than inventing new ones, ensuring consistency across game flows.

Can I retrofit an existing game UX spec instead of starting from scratch?▼

Yes, you can retrofit existing game UX specs. The authoring process supports retrofitting by reading existing design constraints, GDD UI requirements, and current UX documentation to progressively update and draft missing sections.

Do I need a game design document to author HUD design requirements?▼

Yes, GDD requirements and player journey data are needed to author HUD design requirements. The process incorporates these game concept constraints to generate context-aware outputs and ensure the HUD aligns with intended player interactions.

Related Skills

Explore More Design & Creative Skills→
XGanQAQXGanQAQ
1

ux-design

Generate section-by-section UX documentation for game screens using studio design inputs.

Community
Advanced
polsegupolsegu

ux-design

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

Community
Advanced
johnatas-henriquejohnatas-henrique

ux-design

Automate gathering game design assets for UX and HUD documentation.

Community
Advanced
emcconnellemcconnell

ux-design

Generate context-aware UX specifications for game screens, flows, and HUDs.

Community
Advanced