skills.rest
skyoxu
skyoxuCOMMUNITY
Explore all skills by this author →
GitHub

ui-brawlforge

Generates UrhoX Lua UI code in the BrawlForge dark sci-fi HUD theme.

Updated Jul 15, 2026
Search Tags:#theme#lua#hud#sci-fi#game ui#widget styling#urhox
One-click install
npx skills add https://github.com/skyoxu/taptapmarker --skill ui-brawlforge-skyoxu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-brawlforge
Source: https://github.com/skyoxu/taptapmarker/tree/main/.cursor/skills/ui-brawlforge
Command: npx skills add https://github.com/skyoxu/taptapmarker --skill ui-brawlforge-skyoxu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building consistent game UI in UrhoX requires manually configuring dozens of style properties per component. This Skill provides a complete BrawlForge theme definition—dark blue sci-fi HUD with sharp edges, bold typography, and cyan/purple accents—so AI agents can generate correctly styled Lua UI code without hand-writing visual props. ## Core Features & Use Cases - Complete Theme Configuration: A ready-to-use UI.Theme.ExtendTheme Lua table covering 30+ widgets (Button, Modal, Table, Tabs, Toast, DatePicker, etc.) with colors, borders, shadows, and per-variant decorations. - Design Token Reference: Documented color, spacing, radius, and font-size tokens in references/theme-tokens.md, including HUD bar colors (HP/MP/Stamina/XP) and item rarity colors. - 8 Design DNA Rules: Enforces sharp corners (borderRadius = 0), zero-blur shadows, black outer borders, bottom accent bars, and bold-only Noto Sans SC typography. - Use Case: Ask the agent to create a battle-themed settings menu or inventory screen, and it produces UrhoX Lua code using themed UI.Card, UI.Button, and UI.List widgets with the correct BrawlForge styling applied automatically. ## Quick Start Copy the fonts from the skill's fonts directory into your project's assets/Fonts folder, then ask the agent to create a BrawlForge-style UI component such as a primary button or modal dialog in UrhoX Lua.

Frequently Asked Questions about ui-brawlforge

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

FAQPage Schema
How do I create a BrawlForge-style button in UrhoX Lua?▼

Initialize the BrawlForge theme with UI.Theme.ExtendTheme and UI.Init, then call UI.Button with a variant like primary or secondary. Border width, bottom accent decorations, shadows, and bold font are applied by the theme automatically—do not hand-write style props.

What colors does the BrawlForge UI theme use?▼

The primary color is bright cyan-blue #1FA2FF, secondary is vivid purple #D635FF, backgrounds are deep blues #2259B7 and #21458A, and borders are near-black #0A1020. Semantic, HUD bar, and item rarity colors are documented in references/theme-tokens.md.

Which font does the BrawlForge theme require?▼

All UI text uses Noto Sans SC Black (NotoSansSC-Black.ttf) with bold weight exclusively. Copy the font files from the skill's fonts directory into your project's assets/Fonts folder before initializing the theme.

Can I use rounded corners on BrawlForge components?▼

Interactive controls must use borderRadius = 0 to preserve the sharp HUD silhouette. Only decorative elements like avatars, slider tracks, and color picker cursors may use non-zero radius values.

How do I convert design pixel sizes to UrhoX font sizes?▼

UrhoX uses pt while the design spec uses px. Convert with pt = px * 0.75, so a 20px design size becomes 15pt. The theme's font size tokens already apply this conversion.

Related Skills

Explore More Design & Creative Skills→
haitao2016haitao2016

responsive-ui-auto-adapter

Automate game UI adaptation for urhox-libs/UI and NanoVG across devices.

Community
Advanced
aiguy611aiguy611

godot-game-ui

Create Godot 4.x game UIs with Control nodes and themes.

Community
Advanced
chetan2921chetan2921

flutter-building-layouts

Guide Flutter developers in building responsive, constraint-aware UI layouts.

Community
Intermediate
krikommpkrikommp

unity-ui

Automate Unity UGUI interface creation and management with Python scripting.

Community
Intermediate