AI直接给你做界面：OpenUI如何让Claude会”长”UI

你有没有想过——为什么现在的 AI 助手回答问题时，答案只能显示文字，而不能直接给你一个可以交互的界面？

这个问题，正在被一个叫 OpenUI 的开源项目解决。

什么是 OpenUI？

简单说，OpenUI 是一套「让 AI 直接生成用户界面」的完整技术栈。它的核心是 OpenUI Lang——一种专为 AI 设计流式输出 UI 的描述语言。模型生成一段 Lang 代码，前端实时解析渲染，用户看到的就是一个可以直接操作的界面，而不是截图或文字描述。

关键在于：它不是 React 专属的。核心解析器 @openuidev/lang-core 是框架无关的，React、Vue、Svelte、甚至无构建的浏览器脚本都能跑在上面。这意味着不管你用什么前端技术栈，AI 生成的 UI 都能接入。

配合 Claude Code 用是什么体验？

装好这个 Skill（thesysdev/skills）之后，你就可以在 Claude Code 里直接说：

“帮我做一个聊天界面，支持流式输出和多轮对话”

Claude 会自动调用 OpenUI 相关包，生成完整可运行的界面代码，而且带流式渲染。你不需要写一行前端，AI 就能把「描述需求」直接变成「可用界面」。

覆盖的场景包括：
– 搭建 AI 聊天界面（AgentInterface）
– 流式渲染生成式 UI
– 自定义组件库开发
– 主题系统（ThemeProvider）
– 接入 OpenUI Cloud（自带 BYOK 支持）
– 多用户/多应用身份管理

为什么值得关注？

2025 年底 Anthropic 推 Agent Skills 开放标准之后，围绕 Claude 的 Skill 生态爆发式增长。但大多数 Skill 解决的是「怎么写好 Prompt」的问题，真正让 AI 从「说话」变成「干活」的，是能直接产出可交互产物的 Skill。

OpenUI 就是这一类。它把 AI 的「思考能力」和「前端界面」直接打通，是 GenUI（生成式用户界面）这个方向的标杆作品。如果你关注 AI 前端开发的趋势，这个 Skill 值得装一个试试。

GitHub 地址：https://github.com/thesysdev/skills（Skill 在 skills/openui 目录下）

GitHub: https://github.com/thesysdev/skills