前言

如今，AI 辅助编程（AI-Driven Development）已经成为不可逆转的大势。
在游戏开发领域，无论是逻辑写 C# 脚本、Shader 编写还是配置生成，AI 都能展现出惊人的效率。然而，在传统 Unity UGUI 的开发模式下，AI 却很难“触达灵魂”。

UGUI 的天然痛点：

• UGUI 的界面严重依赖可视化预制体（Prefab）、
• 大量的 RectTransform 参数、
• 嵌套复杂的 GameObject节点， 以及序列化的引用的挂载。

AI 无法直接“画”一个 Prefab 给我们，即使生成了 C# 代码，我们依然需要花大量时间去拖拽组件、调整 Anchors，AI 带来的效率提升微乎其微。

随着 Unity 官方全力推行 UI Toolkit，游戏 UI 的开发范式发生了根本性的变革——UI Toolkit 采用了类似于 Web 开发的声明式架构。所有的结构和样式都变为了纯文本文件！

这意味着：AI 可以直接读取、理解并百分之百地写出整个 UI 系统！
Unity + AI 开发 UI 彻底从“异想天开”变成了“现实可行”。

什么是 UI Toolkit？

核心原理：UXML + USS
UI Toolkit 的核心架构完全借鉴了现代化 Web 标准：

• UXML（Unity Extensible Markup Language）：
  作用：负责结构（Structure）。类似于 HTML，通过标签定义界面上有哪些元素（如 VisualElement、Button、Label）。
• USS（Unity Style Sheets）：作用：负责样式（Style）。类似于 CSS，定义界面元素长什么样（如 flex-direction、background-color、border-radius、margin 等）。
• C# 脚本：作用：负责逻辑（Logic）。仅通过 Q() 查询节点并绑定点击、数据变化等事件，实现 UI 与游戏逻辑的解耦。
  

维度	HTML + CSS	UI Toolkit (UXML + USS)
结构文件	.html	.uxml
样式文件	.css	.uss
排版引擎	Web Flexbox	Yoga (基于 Flexbox 的跨平台引擎)

UI 组件以对象或节点的形式在可视化树中定义和管理。可视化树是一个由轻量级节点组成的对象图，它包含窗口或面板中的所有元素。它定义了使用 UI Toolkit 构建的每个 UI。您只需声明一次 UI 结构，UI Toolkit 就会负责渲染并根据树的更改进行更新。

为什么 UI Toolkit 让 AI 做出好 UI 成为可能？
纯文本驱动：AI 天生对代码、XML、CSS 等文本具有极高的理解力与表达力。

样式与逻辑彻底分离：你可以让 AI 专注调整 USS 来改变 UI 样式，而完全不破坏 C# 中的数据逻辑。

Flexbox 自动响应式：无需手动在 Editor 里调锚点，AI 可以直接用标准的弹性盒模型（Flexbox）写出适应不同分辨率的自适应界面。

UI Builder
UI Builder是一款可视化创作工具，可用于创建和编辑 UXML 和 USS 文件。您可以直观地设计用户界面，拖放元素，并自定义样式，而无需编写代码。

UI 示例

Claude Code 接入 DeepSeek-V4-Pro

Claude Code 是 Anthropic 推出的一款深度集成于终端和编辑器的高级 AI Agent 工具，能够直接感知整个项目的上下文、自动创建/修改文件。

而通过配置 API，我们可以用极高性价比且逻辑推理能力极强的 DeepSeek-V4-Pro 作为其底层驱动引擎！

极速配置指南
(注：想要了解详细的 API 接入与环境配置，建议直接前往 DeepSeek 官方 API 文档 或 Claude Code 官网 查看。)

在终端中只需配置 Base URL 以及 API Token，即可完成无缝重定向：

Windows PowerShell 示例
$env:ANTHROPIC_BASE_URL="https://api.deepseek.com/anthropic"
$env:ANTHROPIC_AUTH_TOKEN="YOUR_DEEPSEEK_API_KEY"
$env:ANTHROPIC_MODEL="deepseek-v4-pro"

配置完成后，开启项目终端，直接输入 claude 即可启动终端 Agent。

实战

步骤 1：打开编辑器终端，开启 Claude Code
在 VSCode 或 Rider 中打开 Unity 项目根目录，唤起Claude Code。

步骤 2：下达具体的 Prompt 指令
向 AI 下达清爽明确的界面搭建需求（比如创建一个符合游戏风格的“登录界面”）：

步骤 3：AI 自动推理、生成并自我重构Claude Code 会像一个真正的程序搭子一样：

• 1.自动分析你的目录结构
• 2.创建 LoginPanel.uxml 和 LoginPanel.uss
• 3.编写 LoginController.cs
• 4.甚至检查标签闭合与样式引用是否正确！

如果样式不符合心意，你可以继续追问：“把按钮改为圆角 8px，悬停高亮颜色改成天蓝色，并把标题居中。” 几秒钟内它就会直接更新 .uss 文件。

步骤 4：静待佳音 & 最终运行效果呈现回到 Unity Editor，将生成的 .uxml 关联到 Scene 中的 UIDocument 组件上，运行游戏！以下是经过 AI 一键生成、调整后，最终在 Unity 中呈现的极简实机效果图：

总结

从需要手动拖拽、易产生预制体冲突的 UGUI，到纯文本驱动、结构分离的 UI Toolkit，Unity 的这一步跨越，正好踏在了 AI 发展的黄金浪潮上。

结合 Claude Code + DeepSeek-V4-Pro 的全项目上下文感知与重构能力，开发一个精美、解耦的游戏 UI 界面，现在真的变成了写一句 Prompt的愉快体验。
建议每一位 Unity 开发者都立刻尝试这套现代化的开发工作流！