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

gum-samples

Adds mirrored runtime-feature demo screens across MonoGame, raylib, and Silk.NET Gum samples.

614|78|Updated Mar 11, 2015
Search Tags:#gum#cross-backend#monogame#UI layout#raylib#sample screens#silk.net
One-click install
npx skills add https://github.com/vchelaru/Gum --skill gum-samples
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gum-samples
Source: https://github.com/vchelaru/Gum/tree/main/.claude/skills/gum-samples
Command: npx skills add https://github.com/vchelaru/Gum --skill gum-samples

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

When a new Gum runtime feature ships, developers need a visual demo screen to eyeball it across backends, but keeping the MonoGame, raylib, and Silk.NET feature samples aligned is error-prone — screens drift out of order, texture paths differ, and backend-specific properties break compilation.

Core Features & Use Cases

  • Cross-backend screen mirroring: Add a new feature screen to MonoGameGumInCode, the raylib gallery, and SilkNetGum with matching section order so side-by-side visual comparison exposes backend rendering bugs.
  • Backend gotcha guidance: Handles differing texture paths, color types (XNA Color, Raylib_cs.Color, SKColor), #if-gated properties, and linked screen files via csproj Compile Include entries.
  • Shape demo setup: Covers Circle, Rectangle, Arc, Polygon demos including the MonoGame Gum.Shapes package requirement, ShapeRenderer.Self.Initialize, and HiDef graphics profile.
  • Use Case: After fixing a raylib-only render-target bug, add the demo cell to all three mirrored screens at the same relative position so reviewers can compare rendering across backends.

Quick Start

Add a demo screen for the new NineSlice feature to the MonoGame, raylib, and SilkNetGum feature samples, keeping all three mirrored section-for-section.

Frequently Asked Questions about gum-samples

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

FAQPage Schema
How do I add a demo screen for a new Gum runtime feature?▼

Add a screen to all three feature samples: MonoGameGumInCode, the raylib gallery, and SilkNetGum. MonoGameGumInCode is the reference — mirror its screen section-for-section in the other two so the same screen can be compared side by side across backends.

How do I demo Gum shape rendering on MonoGame?▼

Reference the Gum.Shapes package (MonoGameGumShapes), call ShapeRenderer.Self.Initialize after GumService.Default.Initialize, and set GraphicsProfile.HiDef. Missing either step makes shape fills silently fail to draw with no error.

Why does a mirrored sample screen not compile on one backend?▼

A runtime property may be #if-gated away from that backend, meaning the feature is not wired up there yet. Also check that raylib and SilkNetGum screens include using Gum.Forms.Controls for FrameworkElement.

Why can't I find a screen file in the raylib Samples directory?▼

The raylib GumTest.csproj links some screens from MonoGameGumInCode via Compile Include Link entries instead of owning physical copies. Check the .csproj for Link entries before concluding a screen is missing.

Do Gum sample screens have automated tests?▼

No, the samples exist for human visual confirmation only. Behavioral correctness gets a unit test in the matching Tests project, while the sample serves as the visual complement for eyeballing rendering across backends.

Related Skills

Explore More Software Engineering Skills→
nexus-substratenexus-substrate
18

performance-optimization

Measure p50/p95 bottlenecks, apply targeted fixes, and verify improvements.

Official
Intermediate
iOfficeAIiOfficeAI
32.5k

testing

Enforces Vitest test-writing standards and coverage workflow for TypeScript projects.

Official
Intermediate
vchelaruvchelaru
597

gum-docs-writing

Write Gum documentation in GitBook markdown with SUMMARY.md and image conventions.

Community
Intermediate
1k-off1k-off
1

umbraco-add-extension-reference

Add an Umbraco extension project reference to the main .csproj.

Community
Intermediate