skills.rest
rpillai25
rpillai25COMMUNITY
Explore all skills by this author →
GitHub

nez-ui

Standardize Nez UI patterns for PitHero components like TableLayout and Window.

Updated Aug 15, 2025
Search Tags:#drag-and-drop#ui-patterns#nez-ui#pithero#skin-management#tablelayout
One-click install
npx skills add https://github.com/rpillai25/PitHero --skill nez-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nez-ui
Source: https://github.com/rpillai25/PitHero/tree/main/.claude/skills/nez-ui
Command: npx skills add https://github.com/rpillai25/PitHero --skill nez-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Nez UI best practices and PitHero conventions provide a unified, maintainable approach to building UI layers, layouts, skinning, and interactions, reducing inconsistency and onboarding time across UI code.

Core Features & Use Cases

  • Standardizes UI skin management and style usage across PitHero, ensuring the "ph-default" aesthetic.
  • Documents patterns for common UI constructs: TableLayout, Window, TabPane, ScrollPane, Dialogs, and drag-and-drop with InventoryDragManager/DragDropOverlay.
  • Guides event handling, input patterns, and reusable custom UI components to accelerate development and maintainability.
  • Real-world use case: engineer a reusable Inventory UI panel with draggable items and a responsive dialog flow following PitHero conventions.

Quick Start

Open the PitHero UI system, initialize a UICanvas, apply the ph-default skin, and start composing a Window with nested Tables.

Frequently Asked Questions about nez-ui

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

FAQPage Schema
How do I standardize Nez UI components to reduce inconsistency across my project?▼

Apply standardized Nez UI patterns for layouts, skinning, and interactions to reduce UI inconsistency. Using the ph-default skin and unified component conventions ensures maintainable, scalable UI implementations across your project.

What is the best way to build a drag-and-drop inventory panel in Nez UI?▼

Build a drag-and-drop inventory panel using InventoryDragManager and DragDropOverlay patterns. Following these conventions ensures responsive item dragging and maintainable UI code aligned with established PitHero standards.

How do I apply skin management to PitHero UI windows and dialogs?▼

Apply skin management to PitHero windows and dialogs by initializing a UICanvas and applying the ph-default skin. This maintains the standard aesthetic while composing nested Tables, TabPanes, and ScrollPanes.

Can I use TableLayout and ScrollPane together for responsive Nez UI designs?▼

Use TableLayout and ScrollPane together to create responsive Nez UI designs. Standardized patterns guide nesting these components within a Window to ensure scalable and maintainable user interface layouts.

Why does my PitHero UI code have high onboarding time and inconsistent styling?▼

PitHero UI code has high onboarding time and inconsistent styling without unified conventions. Applying standardized Nez UI patterns for skin usage, event handling, and safe coding ensures maintainable and scalable implementations.

Related Skills

Explore More Software Engineering Skills→
rpillai25rpillai25

nez-ai

Implement GOAP and 3-state FSM patterns for Unity agent AI.

Community
Advanced
leenBakshleenBaksh
1

frontend-skill

Guide React, Next.js, and Tailwind CSS frontend implementations with component architecture and styling guidelines.

Community
Intermediate
kkn1125kkn1125

dashboard-designer

Design operational dashboards with KPIs, filters, and data tables.

Community
Advanced
DexploarerDexploarer
7

developer-portal-generator

Automate developer portal creation with Backstage or custom frameworks.

Community
Advanced