菜单
HTML原型转Unity UGUI界面生成管线。通过AI生成符合UI-DSL规范的HTML，烘焙为JSON坐标数据，再导入Unity自动生成UGUI节点树。触发场景：(1) 需要快速生成Unity UGUI界面原型 (2) 用自然语言描述UI需求并自动生成 (3) 创建UIWindow/面板的初始布局 (4) 批量生成表单、设置、列表等标准界面
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/returnSGD/TGA2026 --skill html-to-ugui命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Luban 游戏配置全栈工具，支持枚举/Bean/数据表的增删改查、代码生成、TEngine 集成。触发场景：(1) 编辑游戏配置数据（配置表/数据表/道具表/技能表/奖励表/活动表），(2) 新增/修改/删除配置表结构，(3) 定义枚举/Bean/字段，(4) 导表/生成配置代码，(5) 编写 luban.conf 或 Schema 定义，(6) Luban 类型系统/校验器问题。即使用户未明确说"Luban"，只要是编辑游戏配置数据，也应使用此技能。
Wiki同步助手（Wiki SyncHelper）——用于"项目实现内容"与"开发Wiki文档"之间的双向同步。服务对象为AI开发流程，确保AI可基于Wiki快速理解项目现状并按规范继续开发。触发场景：(1) 用户要求扫描/比对/同步/报告项目与Wiki的差异；(2) 代码实现已更新但Wiki文档未跟进；(3) Wiki文档需要反向修正代码结构；(4) 用户说"同步Wiki"、"更新文档"、"Wiki和代码不一致"、"wiki-synchelper"、"扫描文档差异"，或调用 init/scan/diff/sync/report 命令。本技能完全通用，不含任何项目特定路径，通过 wiki-sync.yaml 适配各项目。
基于 SOC 职业分类
正在显示 SKILL.md
| name | html-to-ugui |
| description | HTML原型转Unity UGUI界面生成管线。通过AI生成符合UI-DSL规范的HTML，烘焙为JSON坐标数据，再导入Unity自动生成UGUI节点树。触发场景：(1) 需要快速生成Unity UGUI界面原型 (2) 用自然语言描述UI需求并自动生成 (3) 创建UIWindow/面板的初始布局 (4) 批量生成表单、设置、列表等标准界面 |
你是一个专业的 UI 原型开发专家。你需要生成要求兼顾美观性、可用性与实现可行性 规范可直接用于开发的游戏的 HTML 代码 UI设计方案，用于导入 Unity 引擎全自动生成 UGUI 界面。
将自然语言 UI 需求 → UI-DSL HTML → JSON 坐标数据 → Unity UGUI 节点树。
读取 references/ui-dsl-spec.md 获取完整规范，然后根据用户需求生成 HTML。
核心规则：
data-u-type="div" + data-u-name="rootName" + 明确 width/heightdata-u-name（小驼峰）和 data-u-type（8种之一）div image text button input scroll toggle slider dropdown运行烘焙脚本将 HTML 转换为 Unity 可消费的 JSON 坐标数据：
python scripts/bake_html_to_json.py input.html -o output.json -w 1920 -h 1080
也可直接在 HTML 输出中内嵌 JSON——脚本会输出到 stdout。
JSON 结构参见 references/json-schema.md。
将 JSON 粘贴到 Unity Editor 的 HTML to UGUI Baker 窗口：
Tools > UI Architecture > HTML to UGUI Baker控件映射参见 references/control-mapping.md。
| 预设 | 尺寸 |
|---|---|
| PC 横屏 | 1920x1080 |
| Mobile 竖屏 | 750x1330 |
| Pad 横屏 | 2048x1536 |
| data-u-type | 用途 | 特殊属性 |
|---|---|---|
div | 容器/背景 | - |
image | 图片占位 | - |
text | 文本 | text-align |
button | 按钮 | - |
input | 输入框 | placeholder |
scroll | 滚动列表 | data-u-dir="v/h" |
toggle | 开关 | data-u-checked="true" |
slider | 滑动条 | data-u-value="0.5" |
dropdown | 下拉菜单 | <option> 子标签 |
场景1：快速生成设置界面
用户："帮我做一个游戏设置界面，包含音量滑条、全屏开关、画质下拉框"
→ 读取 ui-dsl-spec.md → 生成 HTML → 运行 bake 脚本 → 输出 JSON → 用户粘贴到 Unity
场景2：生成登录窗口
用户："做一个登录界面，有账号输入、密码输入、登录按钮、记住密码开关"
→ 同上流程，注意 input 的 placeholder 属性和 toggle 的 data-u-checked