dota2-ui

Implement DOTA2 Panorama UI panels with TSX, XML, and NetTable bindings.

212|121|Updated Sep 16, 2020
One-click install
npx skills add https://github.com/XavierCHN/x-template --skill dota2-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dota2-ui
Source: https://github.com/XavierCHN/x-template/tree/main/.agents/skills/dota2-ui
Command: npx skills add https://github.com/XavierCHN/x-template --skill dota2-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers can quickly implement and wire DOTA2 Panorama UI panels for custom games using TSX, XML, and NetTable data bindings, following strict UI rules and data flow practices.

Core Features & Use Cases

  • Enforces Panorama panel types and CSS conventions to ensure valid UI components.
  • Guides integration of front-end TSX code with back-end data via Game Events and NetTables.
  • Provides workflow for creating, debugging, and deploying Panorama UI modules in DOTA2 custom games.

Quick Start

Create a new Panorama UI module by adding layout.xml, script.tsx, and styles.less under content/panorama/src/<module> and wire data via NetTables.

Frequently Asked Questions about dota2-ui

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

FAQPage Schema
How do I build DOTA2 Panorama UI panels with TSX?

To build DOTA2 Panorama UI panels with TSX, create layout.xml, script.tsx, and styles.less files under content/panorama/src/<module>. This enforces panel types and CSS conventions to ensure valid UI components for custom games.

How does NetTable data binding work in DOTA2 custom games?

NetTable data binding in DOTA2 custom games connects front-end TSX code with back-end data via Game Events and NetTables. This cross-component communication mechanism allows data flow separation between the game server and UI panels.

Can I use TSX to wire Game Events in DOTA2 Panorama?

Yes, you can use TSX to wire Game Events in DOTA2 Panorama. The workflow guides integration of front-end TSX code with back-end data via Game Events and NetTables for cross-component communication within custom games.

What is the best way to structure DOTA2 Panorama UI modules?

The best way to structure DOTA2 Panorama UI modules is placing layout.xml, script.tsx, and styles.less under content/panorama/src/<module>. This follows strict UI rules and data flow practices for compile-time validation.

Does DOTA2 Panorama support compile-time validation for TSX?

Yes, DOTA2 Panorama supports compile-time validation for TSX. The workflow includes validation steps that enforce Panorama panel types and CSS conventions to ensure valid UI components before deployment.

When do I need NetTables for DOTA2 custom game UI?

You need NetTables for DOTA2 custom game UI when implementing cross-component communication and data flow separation between front-end TSX panels and back-end game logic. They enable real-time data updates within custom games.