game-ui-icons

Generates consistent game UI assets including buttons, panels, bars, wordmarks, and icon sets.

Updated Sep 17, 2026
One-click install
npx skills add https://github.com/scomofo/midi-stage2 --skill game-ui-icons-scomofo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: game-ui-icons
Source: https://github.com/scomofo/midi-stage2/tree/main/.grok/skills/game-ui-icons
Command: npx skills add https://github.com/scomofo/midi-stage2 --skill game-ui-icons-scomofo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Game UI assets often fail as a system: buttons lack interaction states, icon sets mix styles, and image models garble text on logos. This Skill enforces a style contract so every generated UI element works together as a coherent set. ## Core Features & Use Cases - Interaction States: Generate normal button states first, then derive hover and pressed variants via image-to-image edits with explicit freeze-lists so geometry stays identical. - Icon Set Consistency: Define one style contract (stroke weight, fill treatment, palette, padding) before generating, then edit-chain the whole set from the first icon. - Panels, Bars, and Wordmarks: Produce 9-slice-safe panels, bars with clear frame/fill separation, and wordmark logos with letter-by-letter text verification. - Use Case: When building a game HUD, generate a complete icon set where every icon reads at 32px and shares the same visual weight, plus buttons with distinguishable hover and pressed states. ## Quick Start Generate a set of game UI icons and buttons with normal, hover, and pressed states in a consistent style.

Frequently Asked Questions about game-ui-icons

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

FAQPage Schema
How do I generate game UI buttons with hover and pressed states?▼

Generate the normal state first, then create hover and pressed variants as image-to-image edits with an explicit freeze-list specifying what must stay identical. Hover typically adds a subtle glow or brighten, while pressed uses darker tones with inner shadow.

How to keep a game icon set visually consistent?▼

Decide one style contract before generating: same stroke weight, fill treatment, palette, padding, and background. Generate the first icon, then edit-chain the rest from it, and verify the set side by side at 32px thumbnail size.

Can image generation models render text on game logos?▼

Image models frequently garble text, so wordmark logos require reading the generated text back letter by letter. Any wrong, merged, or extra letter means retrying, and logos should be delivered as isolated assets on flat backgrounds.

Why should game UI panels avoid text and complex borders?▼

Models garble lettering and game engines handle localization, so buttons, panels, and icons should contain no text unless explicitly requested. Panel borders need uniform edges with ornament in corners to survive 9-slice scaling.

What are the limitations of AI-generated game UI assets?▼

Generated assets require manual verification: states must be overlay-compared for identical geometry, icon sets must pass a squint test at 32px, and wordmark text must be proofread. One inconsistent icon fails the entire set.