y3-ui-generator

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

Updated Apr 4, 2026
One-click install
npx skills add https://github.com/WindXRan/y3td --skill y3-ui-generator-windxran
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: y3-ui-generator
Source: https://github.com/WindXRan/y3td/tree/main/maps/EntryMap/.y3maker/skills/y3-ui-generator
Command: npx skills add https://github.com/WindXRan/y3td --skill y3-ui-generator-windxran

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill removes the repetitive, error-prone work of manually crafting Y3 Editor UI panel JSON by letting you describe the interface in natural language and generating a valid UI layout output for the editor.

Core Features & Use Cases

  • Natural-language → UI structure: Builds a stage-by-stage plan (grid/list detection, template list, and a UI tree sketch) for your panel.
  • HTML preview + conversion: Generates an HTML preview for layout verification, performs layout checks (bounds + overlap), then converts the verified HTML into Y3 UI JSON.
  • Editor hotfix deployment: Hotfixes the generated UI into the Y3 Editor and downloads required icon resources automatically.

Quick Start

Use the y3-ui-generator skill to generate UI panel JSON for your requested screen: an inventory HUD with a grid of 4×5 item slots, then apply the generated panel into the Y3 editor.

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 Y3 Editor UI panel JSON without writing Lua code?

To generate Y3 UI panel JSON without Lua, describe your interface layout in natural language. The Skill builds a validated UI structure, creates an HTML preview for layout checks, and hotfixes the converted JSON directly into the Y3 Editor.

Can I create grid-based or list-based UI layouts in Y3 from a text description?

Yes, you can create grid-based or list-based UI layouts by describing your requirements. The process detects grid and list structures, handles prefabs automatically, and validates coordinate and size consistency before generating the final Y3 UI JSON.

What is the workflow for deploying generated UI panels into the Y3 Editor?

The deployment workflow requires hotfixing the generated UI JSON into the Y3 Editor, automatically downloading required icon resources, and cleaning up temporary files to ensure your panel is correctly applied and resource-ready.

Does generating Y3 UI JSON require manual layout validation or overlap checks?

Generating Y3 UI JSON does not require manual layout validation because the process creates an HTML preview, checks for boundary and overlap errors, and enforces coordinate consistency before converting the verified layout into JSON.

Why do I need multi-stage confirmations when building Y3 UI panels from descriptions?

Multi-stage confirmations are needed to validate the stage-by-stage UI plan, including template lists and UI tree sketches, ensuring the generated Y3 panel JSON accurately matches your intended interface layout before hotfixing.

What are the limitations of using natural language to generate Y3 Editor interfaces?

A limitation is that natural language generation requires MCP rule reading and multi-stage user confirmations, meaning you cannot skip validation steps or bypass the required hotfix, resource download, and temp file cleanup workflow when building Y3 interfaces.