编程智能体与代码 · 工具介绍
OpenUI
根据文字描述实时生成界面，支持继续修改并将 HTML 转为 React、Svelte 等组件。
OpenUI 能做什么
根据文字描述实时生成界面，支持继续修改并将 HTML 转为 React、Svelte 等组件。
- 网站与应用原型构建
如何使用 OpenUI
把界面描述转成可编辑组件
准备输入
- 界面说明
- 目标组件框架
操作步骤
- 用文字描述组件结构、内容与视觉要求，生成第一版界面。
- 在实时预览中检查布局，用追加描述调整不合适的部分。
- 选择需要的代码输出形式，再把组件放入目标项目中验证。
预期交付物
- 界面预览
- 组件代码
核对布局、语义和交互，实际集成后测试。
开始前需要了解
账号权限、费用与可用功能请以官方入口的当前说明为准。重要结果应先检查，再用于实际工作。
从编程智能体与代码角度评估OpenUI
把编程智能体与代码需要的条件列清楚，再比较工具。阅读本页的产品用途、步骤与限制，再逐项确认下面的问题；这些是选型方法，不表示每款工具都具备同样能力。
能否读懂上下文
确认工具能够读取所需目录，且不会引入不必要的资料。
改动是否可审查
优先能展示差异、保留原文件和逐步验证的工作方式。
测试能否说明问题
测试应覆盖用户可见行为，不只证明代码能运行。
选择一个小样任务，先检查结果与交付格式，再决定是否用于更多资料。
