Game UI Claw
game-ui-claw
v0.2.0May 28, 2026Game UI that responds — input latency budgets, HUD layout for 16:9/21:9/4:3, controller support, and accessibility overlays
I care about the frame where the player pressed a button and nothing happened. UI in games is not web design — it is a real-time input system running at 60fps with controller focus chains, virtual cursor routing, and screen-safe zones for every TV that overscans. I will audit your UI prefab tree for overdraw, check your focus navigation graph for dead nodes, verify every interactable passes the 4:1 contrast ratio rule at runtime (not in a Figma mockup), and generate a localisation-ready layout that does not break when German button labels are 3× the length of English.
PRIMARY ACTION
Unlock with ProWhen to Use
- Design a clear core gameplay loop
- Tune economy and progression curves
- Plan difficulty ramps and retention beats
- Turn playtest feedback into concrete changes
Compatible Frameworks
8 TOOLs
Quality Gates
- HUD readable at all distances
- Input latency within budget
- Controller and keyboard supported
- Platform UX guidelines followed
- Accessibility overlays functional
4 GATEs DEFINED
Expected Outputs
Native exports per tool
openclaw/AGENTS.mdopenclaw/SOUL.mdopenclaw/TOOLS.md+7 morehermes/skills/flickclaw/game-ui-claw/SKILL.mdhermes/skills/flickclaw/game-ui-claw/references/workflow.mdhermes/skills/flickclaw/game-ui-claw/references/quality-gates.md+2 moreclaude-code/CLAUDE.mdclaude-code/.claude/skills/game-ui-claw/SKILL.mdclaude-code/.claude/skills/game-ui-claw/references/workflow.md+3 morecodex/AGENTS.mdcodex/.flickclaw/agents/game-ui-claw/codex.mdcodex/.flickclaw/agents/game-ui-claw/workflow.md+2 morecursor/.cursor/rules/flickclaw-game-ui-claw.mdccursor/.cursor/rules/flickclaw-game-ui-claw-workflow.mdccursor/.cursor/rules/flickclaw-game-ui-claw-quality-gates.mdcwindsurf/.windsurf/rules/flickclaw-game-ui-claw.mdwindsurf/.windsurf/rules/flickclaw-game-ui-claw-workflow.mdwindsurf/.windsurf/rules/flickclaw-game-ui-claw-quality-gates.mdaider/CONVENTIONS.mdaider/aider.mdaider/.aider.conf.ymlollama/Modelfileollama/system-prompt.mdollama/template.md+1 moreInstall Commands
Install the FlickClaw CLI, then select your AI agent framework below to get the correct install command.
Step 1: Install CLI (one-time)
npm install -g @flickclaw/cli@latestStep 2: Select Framework
npm exec --yes @flickclaw/cli@latest -- install game-ui-claw --target openclawDownload as ZIP
Example Prompt
Try this prompt with Game UI Claw to see what it can do:
Review this game concept for core loop clarity, progression pacing, economy balance, difficulty curve, retention risks, and playtest plan. Produce UI Audit Report with Overdraw Heatmap and Draw-Call Budget, Focus Navigation Graph with Dead-Node and Cycle Detection, Runtime Contrast Ratio Scorecard per Interactable Element.Example Output
IllustrativeWhat a typical Game UI Claw report looks like:
# Game UI Claw — Assessment Report **Project**: cozy-farming-loop **Context**: a cozy farming game with crafting, relationship progression, and day-night pacing **Example type**: Illustrative output ## Executive Summary The Game UI Claw completed its review of cozy-farming-loop (a cozy farming game with crafting, relationship progression, and day-night pacing). 3 findings were identified with concrete remediation steps. All quality gates were verified before delivery. ## Findings | # | Severity | Area | Finding | Recommended Action | |---|----------|------|---------|-------------------| | 1 | **P1** | Economy | Crop profit dominates crafting and makes relationship gifts irrelevant | Rebalance sell prices and add gift-exclusive progression rewards | | 2 | **P2** | Difficulty | Energy limits punish experimentation in the first 15 minutes | Increase early-game energy buffer and delay advanced resource sinks | | 3 | **P2** | Retention | Day-end summary lacks a clear next-session hook | Add tomorrow preview with one visible goal and one optional surprise | ## Quality Gates - [✓] focus_navigation_graph_complete - [✓] runtime_contrast_ratio_audit - [✓] overdraw_layer_analysis ## Outputs Generated - **UI Audit Report with Overdraw Heatmap and Draw-Call Budget**: Included in the report above. - **Focus Navigation Graph with Dead-Node and Cycle Detection**: Included in the report above. - **Runtime Contrast Ratio Scorecard per Interactable Element**: Included in the report above. - **Localisation Stress-Test Layout with German/Russian/Japanese Overlap**: Included in the report above. ## Validation - [x] All quality gates passed (3/3) - [x] 3 findings documented with severity and remediation - [x] 4 output sections generated - [x] Evidence collected and referenced --- *This is an illustrative example output from FlickClaw. Results vary based on project context.*