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

ui-astroon

Generates UrhoX Lua UI code following the Astroon cosmic dark gradient design system.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve? Building consistent game UI in the UrhoX engine requires manually coordinating colors, gradients, corner radii, glow shadows, and font settings across dozens of widgets. This Skill provides a complete Astroon cosmic cartoon design specification so an AI agent can generate theme-compliant Lua UI code without design guesswork. ## Core Features & Use Cases - Complete Theme Configuration: Provides a ready-to-use Lua theme table covering colors, radius tokens, fonts, and per-component defaults for 30+ widgets (Button, Modal, Table, Tabs, Calendar, Tree, and more). - Design Rules & Gradient Formulas: Encodes 8 design DNA rules, button gradient formulas per variant, rarity color systems, and modal action-button conventions. - Token Reference: Ships a theme-tokens reference documenting color, spacing, radius, and font-size tokens with px-to-pt conversion. - Use Case: Ask the agent to create a settings modal or inventory screen in Astroon style, and it produces UrhoX Lua code with the cosmic gradient background, gold pill CTA button, and correct text hierarchy already applied. ## Quick Start Ask the AI to create an Astroon-style game UI screen, such as a main menu with a gold start button and cosmic gradient background, using this skill.

Frequently Asked Questions about ui-astroon

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

FAQPage Schema
How do I create a cosmic dark theme UI in UrhoX?▼

Initialize UI.Init with the Astroon theme table, which extends the default theme with cosmic colors, radius tokens, and per-component defaults. Then apply the page background gradient from {26,17,64} to {45,27,105} on a full-size Panel.

How do I make gradient pill buttons with glow in UrhoX Lua?▼

Set backgroundGradient per variant (e.g., gold {255,213,79} to {240,160,48} for primary) and use borderRadius 9999 for the pill shape. The glow shadow is auto-generated by the theme's glowShadow config, so do not hand-write boxShadow.

What fonts does the Astroon UI theme require?▼

The theme uses Inter for all UI text. Copy Inter-Regular.ttf and Inter-Bold.ttf plus their XML configs from the skill's fonts directory into your project's assets/Fonts folder before initializing the theme.

Should I set borderRadius or boxShadow on individual UrhoX widgets?▼

No. Visual properties like borderRadius, borderWidth, and boxShadow are configured centrally in the theme's component defaults. The only per-component exception is Button backgroundGradient and textColor, which are set per variant.

Why is my primary button text unreadable on the gold background?▼

Primary gold buttons require dark text {26,17,64} for contrast, not white. White text is only correct for success, secondary, and danger variants whose backgrounds are darker.

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

UrhoX uses points while designs use pixels. Multiply px by 0.75 to get pt, so 18px becomes 13.5pt and 14px becomes 10.5pt.

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
chrisbaneschrisbanes
908

compose-state-holder-ui-split

Decouple Compose screen business logic from UI wiring with a state-holder composable.

Community
Intermediate
diadia0000diadia0000

treasure-chest-entity

Create and manage TreasureChest entities with PixiJS sprite rendering and loot retrieval.

Community
Intermediate
AshesOfTheUndeadAshesOfTheUndead

totality-festival

Provides a design system framework for dark-themed, glassmorphic interfaces with cosmic aesthetics.

Community
Intermediate