ux-design

Generates section-by-section UX specs and HUD design documents from game concept and GDD UI requirements.

Updated Mar 28, 2026
One-click install
npx skills add https://github.com/scomofo/dragon-forge --skill ux-design-scomofo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-design
Source: https://github.com/scomofo/dragon-forge/tree/main/.agents/skills/ux-design
Command: npx skills add https://github.com/scomofo/dragon-forge --skill ux-design-scomofo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of designing consistent, context-aware UX specs by turning scattered game concepts, player journey notes, and GDD UI requirements into structured, ready-to-author UX documentation.

Core Features & Use Cases

  • Mode-based UX authoring: Creates UX specs for screens/flows, HUD design docs, or an interaction pattern library from a single guided workflow.
  • Context gathering for accuracy: Pulls required inputs from game concept, player journey (when available), GDD UI requirements, existing UX specs, and optional art/accessibility directives.
  • Incremental, approval-driven writing: Produces a section-by-section draft with explicit decisions, then writes content into the correct design/ux/*.md output file.

Quick Start

Use the ux-design skill to generate a UX spec for the screen "main menu" by invoking it with the argument "main-menu".

Frequently Asked Questions about ux-design

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

FAQPage Schema
What is the best way to draft HUD design and UX specs for a game?

Drafting HUD design and UX specs is best handled by guiding section-by-section authoring from game concepts, player journey notes, and GDD UI requirements to produce structured, ready-to-author UX documentation.

How do I write a UX spec for a specific game screen?

To write a UX spec for a specific screen, invoke the workflow with the screen name like "main-menu". It gathers context via glob and grep, then produces an incremental, approval-driven draft before writing the final output.

Can I generate an interaction pattern library from existing GDD requirements?

Yes, you can generate an interaction pattern library from GDD requirements. The workflow supports multiple modes including HUD design and interaction pattern libraries, pulling required inputs from existing game concepts and UI directives.

Do I need a YAML frontmatter to start a UX design workflow?

Yes, a YAML frontmatter containing the name and description is required to start the UX design workflow. These inputs establish the necessary context for generating accurate screen, flow, or HUD specifications.

How does the UX spec writing process handle existing documentation files?

The UX spec writing process handles existing files through optional retrofitting. It performs robust context reads using glob and grep, normalizes filenames to kebab-case, and uses structured approval gates before writing deterministic output.