ui-toolkit

Organizes Unity UI Toolkit best practices for scalable MVVM-based interface development.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/punkfuncgames/tetris-clone --skill ui-toolkit-punkfuncgames
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-toolkit
Source: https://github.com/punkfuncgames/tetris-clone/tree/main/.claude/skills/ui-toolkit
Command: npx skills add https://github.com/punkfuncgames/tetris-clone --skill ui-toolkit-punkfuncgames

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Unity UI Toolkit patterns and references to standardize UI development across Unity projects.

Core Features & Use Cases

  • MVVM bindings with ViewModel and Presenter
  • UXML/USS guidelines, custom VisualElements, and responsive layouts
  • Templates and patterns for scalable UI across screens and panels

Quick Start

Install or reference the UI Toolkit guide to begin building MVVM-based screens with the provided templates and example ViewModels.

Frequently Asked Questions about ui-toolkit

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

FAQPage Schema
How do I implement MVVM architecture in Unity UI Toolkit?

Implement MVVM in Unity UI Toolkit by structuring screens with ViewModel and Presenter patterns. This approach separates UI logic from rendering using UXML and USS, ensuring scalable UI development across panels.

What are USS and UXML best practices for building responsive layouts?

Best practices for USS and UXML involve standardizing stylesheets and visual tree structures to create responsive layouts. Consistent folder organization and custom VisualElements ensure reusable UI components.

Does Unity UI Toolkit require a specific folder structure for scalable UI?

Yes, scalable Unity UI Toolkit development requires a documented folder structure. Organizing UXML files, USS stylesheets, and C# scripts logically maintains MVVM bindings and Presenter patterns across projects.

How do I create custom VisualElements in Unity for complex UI components?

Create custom VisualElements in Unity by following practical C# coding conventions provided in the UI Toolkit reference. These patterns enable developers to build specialized, reusable UI components within UXML layouts.

Why use MVVM with Presenter patterns for Unity UI development?

Using MVVM with Presenter patterns standardizes Unity UI development by decoupling data binding from visual rendering. This architecture solves UI organization challenges and scales efficiently across multiple screens.

Can I use Unity UI Toolkit for frontmatter metadata and standardized UI templates?

Yes, Unity UI Toolkit supports frontmatter metadata and provides templates for standardized UI development. These patterns ensure consistent ViewModel implementation and C# coding conventions across Unity projects.