内容
# cedec2026-lt-ai-ui-workflow — 设计感官全无也能制作出不错的界面
CEDEC 2026 短篇会议「设计感官全无也能使用Claude Code × Figma × unity-cli-loop × UITK快速制作出不错的界面」的附属存储库。
**Claude Code × Figma Make × Figma Dev Mode MCP × unity-cli-loop（uLoopMCP） × UI Toolkit** 工作流制作的单屏幕迷你游戏「おにぎりクリッカー」。
## LT 幻灯片
演讲幻灯片可以直接在浏览器中查看 → **https://41h0-siro.github.io/cedec2026-lt-ai-ui-workflow/**
## 前后对比
| 之前（临时UI: `Before.unity`） | 之后（应用AI工作流后: `After.unity`） |
|---|---|
|  |  |
功能（点击、自动生产、商店购买）两者相同。仅外观使用AI工作流制作。
## 内容
- `CEDEC_Unity/` — LT演示制作的Unity项目（Unity 6000.4.5f1 / URP）
- `Assets/_Project/UI/` — UXML/USS。`ClickerScreenAI.*` 是**AI工作流制作的完成版**，`ClickerScreen.*` 是应用前的临时UI
- `Assets/_Project/Scripts/Clicker/` — 游戏逻辑和UI连接
- `Assets/_Project/Scenes/` — `After.unity`（完成版） / `Before.unity`（临时UI）
- `.claude/skills/` — Unity操作技能组（uloop-*）＋ UI Toolkit知识技能（Unity侧作业使用）
- `.claude/skills/` — 工作流核心技能
- `figma-make-prompt` — 需求碰撞→Figma Make投入提示生成
- `uitk-import` — Figma MCP输出→UXML/USS转换→Unity配置→截图验证
**不使用Claude Code的用户**: 各技能的 `SKILL.md` 是人类可以直接阅读的步骤书・技术集合。如需了解工作流详情，请先阅读 `.claude/skills/figma-make-prompt/SKILL.md` 和 `.claude/skills/uitk-import/SKILL.md`。
## 工作流概要
1. **Claude Code需求碰撞** → 生成Figma Make提示（`figma-make-prompt`）
2. **Figma Make** 生成・修正画面设计
3. **Figma Dev Mode MCP** 将设计导入Claude Code
4. **转换为UXML/USS** 并配置到Unity（`uitk-import`）
5. **uLoopMCP编译・截图获取→自我修正循环**（最后由人类审查）
Claude Code对话示例: 「想制作Figma提示」→ `figma-make-prompt` 启动 / 「将该Figma设计导入Unity」→ `uitk-import` 启动。
## 设置
1. **Unity 6000.4.5f1** 打开 `CEDEC_Unity/` （uLoopMCP通过manifest自动获取）
2. 播放场景 `Assets/_Project/Scenes/After.unity` → おにぎりクリッカー 运行（`Before.unity` 是临时UI版）
3. 尝试AI工作流: 在存储库根目录启动 **Claude Code** （必须有Node.js）
4. 连接uLoopMCP: 从Unity菜单 `Window > uLoopMCP` （uLoopMCP包提供的窗口）启动服务器，
使用 `npx --yes uloop-cli@2.2.0 <cmd> --project-path CEDEC_Unity` 形式操作（详见各 `uloop-*` 技能）
5. **Figma Dev Mode MCP** 需要启用Figma桌面应用的MCP服务器
> **注意**: `CEDEC_Unity/.uloop/settings.permissions.json` 已设置为安全侧（Restricted / 第三方工具无效）。如需动态代码执行进行高级操作，请理解风险后再修改。
## 验证环境
macOS / Unity 6000.4.5f1 / uLoopMCP（uloop-cli 2.2.0）已在实际机器上验证。
## 许可证
本存储库主体采用 [MIT License](LICENSE)。
同包第三-party素材（uloop技能组・unity-ui-toolkit技能・M PLUS Rounded 1c字体）的许可证请参考 [THIRD-PARTY-NOTICES.md](THIRD-PARTY-NOTICES.md)。
