Skip to main content
All bundles

Advanced · free with an account

UI & Systems

Roadmap: UI & systems

HUDs and menus that scale to every screen, building Godot UI from approved designs, and our free Game UI Kit for web games.

Start with the UI/UX rules: anchors, safe areas, gamepad focus and event-driven updates. Then build the screens in Godot from the approved design and check them against it at runtime. For web games, our Game UI Kit has health bars, cooldown buttons, dialogue boxes and notifications ready to use. Both skills carry our tested badge.

Download the bundle

Free, no payment: we only ask you to sign in. Each skill below is also a free download on its own page.

For agents, create an API key in Settings and use:

curl -fL -H "Authorization: Bearer $GAMESKILL_API_KEY" https://gameskill.dev/bundles/ui-systems/download.zip -o ui-systems.zip

In the order you use them

  1. Game UI/UXTested 27/27

    1. The rules: anchored layouts, scaling, safe areas, gamepad focus

    By GameSkill · based on gamedev-skills (Apache-2.0)

    Skill ZIP
  2. 2. Build it: Godot scenes from approved designs, with visual-parity checks

    By GameSkill · based on zimo-xiao-zheng (MIT)

    Skill ZIP

Our free original packs (in the ZIP)

  • 🎮 Game UI Kit · Game UI building blocks: health bars with damage lag, skill cooldown buttons, typewriter dialogue, toasts, combo counter, a magic circle and fireworks, in three themes.

Going further: GameSkill Pro

🎴 Gacha KitSingle and ten-pull animations, SSR pack openings, card flips and holo cards with rarity timelines.

Self-check

  • The HUD works at 16:9, 4:3 and phone aspect ratios
  • Every menu can be used with a gamepad alone
  • UI updates on events, not every frame
  • Text and buttons stay inside the safe area

Every skill is its author's work, included unchanged under its license (MIT or Apache-2.0), with LICENSE, ATTRIBUTION.md and CHANGES.md in its folder. The bundle README and checklist are ours, under MIT. Skills marked GameSkill original are ours as well (MIT), with LICENSE and CREDITS.md in their folder.