skills.rest
vchelaru
vchelaruCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

gum-integration

Integrates Gum UI into FireFlatRedBall2 projects with MonoGame and Gum frameworks.

11|3|Updated Feb 28, 2026
Search Tags:#ui#layout#forms#widgets#gum#monogame#flatredball2
One-click install
npx skills add https://github.com/vchelaru/FlatRedBall2 --skill gum-integration
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gum-integration
Source: https://github.com/vchelaru/FlatRedBall2/tree/main/frb-skills/gum-integration
Command: npx skills add https://github.com/vchelaru/FlatRedBall2 --skill gum-integration

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Gum integration in FRB2 provides a bridge between Gum-based UI design and runtime FRB2 code, enabling seamless UI composition and interaction.

Core Features & Use Cases

  • Supports three Gum usage modes (Code-only, Project + dynamic access, Codegen) to cover diverse project setups.
  • Enables typical UI elements via Gum.Forms.Controls (Button, Label, TextBox, StackPanel, Panel) and visual types (TextRuntime, ColoredRectangleRuntime, SpriteRuntime, ColoredCircleRuntime, RoundedRectangleRuntime, ArcRuntime), with layering and anchors.
  • Helps manage screen-space vs world-space UI, anchored layout, and stacking in multi-layer UI for menus, HUDs, and in-game overlays.

Quick Start

Create a Gum-enabled FRB2 UI by adding a Button in code or in Gum and wire its Click event.

Frequently Asked Questions about gum-integration

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

FAQPage Schema
How do I integrate Gum UI into a FlatRedBall2 MonoGame project?▼

You can use Gum in FlatRedBall2 via three modes: code-only, project with dynamic access, or codegen, allowing flexible UI composition depending on whether you prefer manual coding or visual design tools.

How do I handle screen-space vs world-space UI in FlatRedBall2?▼

Gum supports standard controls like Button, Label, TextBox, StackPanel, and Panel, along with visual types including TextRuntime, SpriteRuntime, and ColoredRectangleRuntime for building interactive FlatRedBall2 interfaces.

Does FlatRedBall2 support Gum forms for in-game HUDs and overlays?▼

Yes, FlatRedBall2 supports Gum forms to create in-game HUDs and overlays, utilizing Gum.Forms.Controls to bridge visual UI design directly with your runtime gameplay logic.

What is the best way to wire a Gum button click event in MonoGame?▼

The quickest way to wire a Gum button click event in MonoGame is to add a Button through code or the Gum visual tool, then attach your logic directly to its Click event handler.

Related Skills

Explore More Software Engineering Skills→
vchelaruvchelaru
11

content-and-assets

Load textures, fonts, and content assets in FlatRedBall2 via mgcb and ContentLoader.

Community
Intermediate
decentralanddecentraland
3

build-ui

Create screen-space user interfaces for Decentraland scenes using React-ECS.

Official
Intermediate
vchelaruvchelaru
11

gumcli

Locate and configure Gum CLI tooling for FlatRedBall2 projects.

Community
Intermediate
vchelaruvchelaru
597

gum-runtime-hot-reload

Watch Gum source file changes and rebuild UI trees at runtime.

Community
Advanced