skills.rest
imclab
imclabOFFICIAL
Explore all skills by this author →
Website𝕏@TheIMCLabGitHub

ux-design

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

1|Updated May 3, 2026
Search Tags:#accessibility#interaction patterns#ux#hud design#player journey#spec authoring#gdd ui requirements
One-click install
npx skills add https://github.com/imclab/xrA1-swarm --skill ux-design-imclab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-design
Source: https://github.com/imclab/xrA1-swarm/tree/main/.claude/skills/ux-design
Command: npx skills add https://github.com/imclab/xrA1-swarm --skill ux-design-imclab

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you avoid vague, brittle UI planning by guiding you through context-aware UX specification for a screen, flow, or HUD, grounded in your GDD, player journey, and accessibility requirements.

Core Features & Use Cases

  • Section-by-section UX authoring: Produces a complete UX spec with purpose, player context, navigation, layout zones, interaction model, states, events, data needs, accessibility, and acceptance criteria.
  • HUD and interaction-pattern support: Creates a HUD design document or an interaction pattern library, optionally aggregating requirements for HUD across all GDD UI requirements.
  • Context-first planning: Reads game concept, player journey (if present), relevant GDD UI Requirements, existing UX specs, accessibility and art direction, and input/platform preferences to keep decisions aligned with your studio’s constraints.

Quick Start

Use the ux-design skill to generate a UX spec for "main menu" by asking the studio to design it section-by-section.

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 menu screen?▼

Generate a guided UX specification by defining screen purpose, navigation, layout zones, interaction states, and acceptance criteria. This process grounds menu design in your game's constraints.

What is HUD design and how does it fit into player journey context?▼

HUD design creates gameplay interface elements by aggregating UI requirements and interaction patterns. It aligns interface information display with player progression and game states across the player journey.

Can I use GDD UI requirements to generate a complete interaction pattern library?▼

Yes, you can generate an interaction pattern library from existing GDD UI requirements. The system aggregates UI requirements to establish navigation consistency and define shared interaction models across screens.

How do I ensure accessibility rules are applied during UX spec authoring?▼

Ensure accessibility rules are applied by using context-first planning that reads existing accessibility configurations alongside art direction and input preferences. This keeps interface decisions compliant with studio constraints.

Does this approach support retrofitting existing UX specs for new platform configurations?▼

Yes, this approach supports retrofitting existing UX specs through optional retrofit handling. It updates current specifications with new input and platform configurations while maintaining deterministic section authoring.

What is the best way to document gameplay HUD states and events?▼

The best way to document gameplay HUD states and events is to create a dedicated HUD design document. This maps interaction states, data needs, and events while resolving requirements from your game design document.

Related Skills

Explore More Design & Creative Skills→
brand6brand6

ux-design

Generate structured UX specifications from game concepts and player journeys.

Community
Advanced
FrancisVargaFrancisVarga

ux-design

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

Community
Advanced
XGanQAQXGanQAQ
1

ux-design

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

Community
Advanced
giadaf-booshagiadaf-boosha
10

flowy-visual

Generate JSON-based flowcharts and iOS component mockups for UI/UX design.

Community
Intermediate