skills.rest
y3-editor
y3-editorOFFICIAL
Explore all skills by this author →
GitHub

y3-ui-generator

Convert natural language UI descriptions into Y3 UI JSON panels.

2|Updated Apr 20, 2026
Search Tags:#automation#ui#layout#pipeline#generator#yaml-frontmatter#prefab
One-click install
npx skills add https://github.com/y3-editor/y3-maker-config --skill y3-ui-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: y3-ui-generator
Source: https://github.com/y3-editor/y3-maker-config/tree/main/skills/y3-ui-generator
Command: npx skills add https://github.com/y3-editor/y3-maker-config --skill y3-ui-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This internal skill converts natural-language UI requests into concrete Y3 UI JSON panels, enabling an automated UI generation workflow without exposing users to low-level JSON details.

Core Features & Use Cases

  • Recognizes grid/list layouts from descriptions and maps them to GridView/ScrollView with prefab support.
  • Generates UI structure sketches, HTML previews, and final JSON output compatible with maps/EntryMap/ui and prefab pipelines.
  • Supports an end-to-end workflow including template usage, prefab generation, and MCP hotfix integration for internal pipelines.

Quick Start

Describe a simple HUD or modal UI you want to create; the system will generate the UI JSON, preview HTML, and JSON outputs ready for import.

Frequently Asked Questions about y3-ui-generator

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

FAQPage Schema
How do I generate UI JSON from natural language descriptions for automated pipelines?▼

To generate UI JSON from natural language, describe your desired panel layout and the system translates it into a complete Y3 UI JSON tree. It outputs the JSON structure ready for import into maps/EntryMap/ui without manual coding.

How do I convert a UI layout sketch into an HTML preview?▼

You can generate an HTML preview by providing a natural language description of your UI layout. The system creates a UI structure sketch and outputs a corresponding HTML preview alongside the final JSON.

How do I map grid and list layouts to GridView and ScrollView with prefab support?▼

To map grid and list layouts to GridView and ScrollView, input your layout description and the system automatically recognizes the pattern. It maps the structure to the appropriate view and generates prefab support.

Does the UI generator support editor hotfix integration for internal pipelines?▼

Yes, the UI generator supports editor hotfix integration through MCP for internal pipelines. It applies template usage and prefab generation to ensure seamless hotfix deployment within the Y3 editor environment.

What happens if my natural language UI description has invalid input?▼

If your UI description has invalid input, the UI generation process enforces strict input validation and handles errors safely. It prevents the creation of malformed JSON and safely manages the pipeline execution.

Related Skills

Explore More Design & Creative Skills→
Rubiss-ProjectsRubiss-Projects
25

speckit-specify

Generate feature specifications from natural language descriptions.

Official
Advanced
WindXRanWindXRan

y3-ui-generator

Generate Y3 Editor UI panel JSON from natural-language descriptions.

Community
Advanced
Sun-Lab-NBBSun-Lab-NBB

verifying-task-templates

Validate YAML task templates against Unity prefab configurations.

Official
Intermediate
WindXRanWindXRan

y3-ui-pipeline

Generate Y3 UI JSON files and simplified Lua query node trees.

Community
Intermediate