Add UGUI View

Create Unity UGUI screens with Model-View bindings and prefab generation.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/igot-ai/os-twin --skill add-ugui-view
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Add UGUI View
Source: https://github.com/igot-ai/os-twin/tree/main/.agents/skills/roles/game-engineer/add-ui
Command: npx skills add https://github.com/igot-ai/os-twin --skill add-ugui-view

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps Unity developers rapidly create a new UI screen using Vertical Slice Architecture and MVC/MVP patterns, including model-view bindings, DI wiring, and prefab integration, to ensure clean separation of concerns and scalable UI code.

Core Features & Use Cases

  • Workflow-driven UI creation: detect, design, model, view, binding, and DI wiring to produce a cohesive UI screen.
  • Prefab-ready output: generates Unity prefab scaffolding and wired components for a reusable UI module.
  • Validation-ready: supports visual validation against references and integration with ScreenManager for state flow.

Quick Start

Follow the Add UI Screen workflow to create a new Unity UI view end-to-end.

Frequently Asked Questions about Add UGUI View

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

FAQPage Schema
How do I create a new Unity UGUI screen with MVC and MVVM bindings?▼

To create a Unity UGUI screen, this skill automates structuring Model-View bindings, DI wiring, and prefab generation using Vertical Slice Architecture and MVC/MVP patterns. It guides you through detection, design, model, view, binding, and prefab integration steps.

What's the best way to structure Unity UI code for clean separation of concerns?▼

The best way to structure Unity UI code for separation of concerns is using Vertical Slice Architecture with MVC/MVP patterns. This skill generates Model-View bindings and prefab scaffolding, ensuring scalable UI modules through a structured workflow.

Does this Unity UI workflow support ReactiveProperty for model-view bindings?▼

Yes, this Unity UI workflow requires ReactiveProperty bindings to connect the Model and View layers. It uses these reactive bindings alongside frontmatter-backed skill descriptions to automate the creation and validation of UGUI screens.

How do I integrate a new Unity UI prefab with the ScreenManager for state flow?▼

To integrate a Unity UI prefab with ScreenManager, this skill automates prefab generation and registration for validation. It produces prefab-ready scaffolding with wired components, supporting visual validation and integration within the Unity workflow.

Can I use this skill to generate Unity prefab scaffolding for a reusable UI module?▼

Yes, you can use this skill to generate Unity prefab scaffolding for reusable UI modules. It produces prefab-ready output by automating component wiring and DI integration, creating a cohesive UI screen structured for scalable development.

What steps are involved in the Unity UI screen creation workflow?▼

The Unity UI screen creation workflow involves six steps: detection, design, model, view, binding, and prefab integration. This structured approach ensures cohesive UI module generation from initial design to final ScreenManager registration.