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

ui-pixelforge

Generates UrhoX Lua UI code in a retro pixel-art theme with predefined design tokens.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Building consistent retro pixel-art game UIs in the UrhoX engine requires manually coordinating fonts, colors, shadows, and component styles across dozens of widgets, which is error-prone and slow. ## Core Features & Use Cases - Complete PixelForge Theme: Provides a ready-to-use Lua theme table covering colors, shadows, radius, and per-component defaults for 30+ UrhoX widgets (Button, Modal, Table, Tabs, Dropdown, etc.). - Pixel Font Setup: Ships Fusion Pixel font XML configs and instructions for installing proportional, bold, and monospaced variants into project assets. - Design Token Reference: Includes a full token table (colors, spacing, shadows, component states) so generated UI stays consistent with the 8-bit aesthetic. - Use Case: Ask the AI to create an inventory screen or settings modal in pixel-art style, and it produces UrhoX Lua code using the PixelForge theme with sharp corners, 2px strokes, and hard drop shadows. ## Quick Start Ask the AI to create a pixel-art style settings menu with buttons, toggles, and a slider using the PixelForge theme in UrhoX Lua.

Frequently Asked Questions about ui-pixelforge

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

FAQPage Schema
How do I create a pixel-art style UI in UrhoX?▼

Initialize the PixelForge theme via UI.Theme.ExtendTheme with the provided color, font, and component defaults, then call UI.Init with that theme. All widgets like Button, Card, and Modal automatically render with sharp corners, 2px borders, and hard drop shadows.

How do I set up pixel fonts for UrhoX UI?▼

Copy the Fusion Pixel font files and their XML configs from the skill's fonts directory into your project's assets/Fonts folder. The theme references FusionPixel-12px-Prop for body text, a Bold variant for bold weight, and Mono for code and numbers.

What colors does the PixelForge retro theme use?▼

PixelForge uses a deep dark navy background (#0F0F23), dark panel surface (#1B1B3A), teal primary (#21BDAE), purple secondary (#6C5CE7), and bright semantic colors for success, warning, error, and info states.

Can I use rounded corners with the PixelForge pixel-art theme?▼

No, borderRadius must be 0 on all components since sharp corners are the defining pixel-art trait. The only exceptions are calendar nav buttons and picker elements, which use a 2px radius via theme tokens internally.

Should I hand-write boxShadow or borderWidth on UrhoX components?▼

No, all visual properties like borderRadius, borderWidth, and boxShadow are assigned by the theme per component type. Hand-writing them breaks consistency; only override when a specific instance genuinely needs a different value.

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
radical-beardradical-beard

game-state

Manage game states and transitions using state patterns and stacks in Lua.

Community
Intermediate
pythoninthegrassespythoninthegrasses
1

tailwind-design-system

Design Tailwind design systems with semantic tokens, CVA variants, and dark mode.

Official
Advanced
shynlee04shynlee04

ui-layout-contract

Enforce flat hierarchy, z-index scale, and 8-bit design rules in front-end layouts.

Community
Advanced