ux-design

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

72|7|Updated Apr 29, 2026
One-click install
npx skills add https://github.com/striderZA/OpenCodeGameStudios --skill ux-design-striderza
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-design
Source: https://github.com/striderZA/OpenCodeGameStudios/tree/main/.opencode/skills/ux-design
Command: npx skills add https://github.com/striderZA/OpenCodeGameStudios --skill ux-design-striderza

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UX design for games gets slow and inconsistent when specs are written without grounding in the game concept, player journey, and GDD UI requirements.

Core Features & Use Cases

  • Guided UX Spec Authoring: Creates a screen/flow UX spec in a consistent, section-by-section structure that aligns with player goals and journey context.
  • HUD & Pattern Library Modes: Generates HUD design docs or an interaction pattern library using existing studio templates and reusable patterns.
  • Context-First Workflow: Reads game concept, player journey (when present), GDD UI Requirements, existing UX specs, accessibility requirements, and platform/input preferences to produce context-aware guidance.

Quick Start

Use the ux-design skill to design a main menu by providing the argument main-menu, and answer the follow-up questions so the skill can read your existing GDD and journey context before drafting the spec.

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 game UX spec that aligns with my Game Design Document?

To write a game UX spec aligned with your GDD, you need a context-first workflow that reads existing GDD UI requirements, player journey data, and game concepts. This approach grounds your UX specifications in actual project constraints, ensuring navigation flows and interaction states match intended player goals.

What is the best way to design a game HUD using interaction patterns?

Designing a game HUD using interaction patterns requires mapping data requirements and events to a reusable pattern library. By applying a HUD design mode, you can generate structured documentation that defines navigation, states, and interaction maps based on established studio templates.

Can I create an interaction pattern catalog for an existing game project?

Yes, you can build an interaction pattern catalog for an existing project through retrofit detection. The system scans existing files and UX specs via glob and grep reads, allowing you to extract and document reusable interaction patterns already present in your game.

Do I need accessibility requirements and platform preferences to generate UX documentation?

While not strictly mandatory, providing accessibility requirements and platform or input preferences is highly recommended. Including this context ensures the generated UX specifications account for specific input methods and accessibility constraints, producing more robust and compliant interactive UI design planning.

How do I structure a player journey flow for a main menu screen?

Structuring a player journey flow for a main menu involves guided section-by-section writing that connects screen states to player goals. By reading journey context and GDD requirements, the system incrementally drafts UX specs covering navigation, events, and interaction maps directly into your design outputs.