AI 应用
创建、迭代和讨论 AI 驱动的 HTML 应用——从想法到可用原型只需几秒,支持完整的版本管理和实时预览。
什么是 AI 应用?
YeeroAI 中的 AI 应用是由 AI 生成的自包含 HTML 应用。用自然语言描述你的想法,AI 将生成一个功能完整的网页应用。然后你可以通过对话进行迭代、查看实时预览,并管理版本。
创建应用
要创建新的 AI 应用:
- 从侧边栏导航到应用页面。
- 点击"新建应用"。
- 填写创建表单:
- 应用名称 — 给应用起一个描述性的名称(如"JSON 格式化工具")。
- 描述(可选)— 简要描述应用的功能。
- 保存到文件夹 — 选择一个文件夹来组织你的应用,或留在根目录。
- 模型 — 选择用于生成应用的 AI 模型。
- 点击"创建并生成"——AI 将开始生成你的应用。
应用详情页
点击任何应用打开其详情页,它提供三个主要视图:
预览
预览标签页显示应用的实时渲染。HTML 内容显示在自动同步当前主题(浅色/深色)的 iframe 中。如果尚未生成内容,在对话中发送消息即可生成。
代码
代码标签页显示当前版本的原始 HTML 源代码。你可以:
- 复制代码 — 将整个 HTML 源代码复制到剪贴板。
- 下载源码 — 将 HTML 文件下载到你的电脑。
- 保存更改 — 手动编辑代码并保存为新版本。你必须提供更改摘要。
⚠ 代码大小限制
应用代码不能超过 500,000 个字符。如果内容过大,你将无法提交手动编辑。
讨论
讨论标签页是专门用于规划和迭代应用的对话空间:
- 先规划再构建 — 描述你的应用想法,AI 将帮助澄清需求并规划方案。
- 从规划生成 — 点击"从规划生成应用",基于讨论内容创建应用。
- 包含代码 — 开启"包含代码"让 AI 在讨论过程中看到当前应用代码,从而提供更有上下文的建议。
应用对话
每个应用都有自己的对话用于迭代设计。输入区域提供:
| 控件 | 描述 |
|---|---|
| 文本输入 | 描述更改或新功能(如"在右上角添加深色模式切换按钮")。 |
| 模型按钮 | 选择用于生成响应的 AI 模型。 |
| 工具按钮 | 启用 AI 工具。 |
| 设置按钮 | 配置生成参数。 |
| 附件按钮 | 附加文件作为参考。 |
每次 AI 响应都会创建应用的一个新版本,你可以预览、回滚或继续迭代。
版本管理
每次 AI 生成或手动编辑都会创建一个新版本:
- 版本列表 — 查看所有版本及其编号(v1、v2、v3...)。
- 当前版本 — 活跃版本标记为"当前"。
- 回滚 — 在任何版本上点击"回滚到此版本"将其设为活跃版本。当前版本不会被删除——仅改变活跃指针。
- 积分追踪 — 每个版本显示消耗的积分和生成时间。
运行应用
点击任何应用上的"运行"在浮动对话框中打开它:
- 最小化 — 将运行中的应用最小化到底部的紧凑栏。
- 还原 — 将最小化的应用恢复到完整视图。
- 关闭 — 关闭运行中的应用对话框。
- 编辑 — 直接跳转到应用的编辑页面。
- 在应用页面打开 — 在完整详情页中打开应用。
- 导航 — 使用"上一个/下一个"按钮在应用之间浏览。
应用管理
从应用列表
在应用页面,你可以:
- 搜索 — 按名称或描述搜索应用。
- 按状态筛选 — 全部、活跃、已归档或草稿。
- 排序 — 最近更新、最多运行或最早创建。
应用操作
点击任何应用卡片上的菜单可访问:
- 运行 — 启动应用。
- 编辑应用 — 打开应用详情页。
- 编辑信息 — 更改应用名称和描述。
- 归档 / 取消归档 — 将应用移入或移出归档。
- 删除 — 永久删除应用及其所有版本和聊天记录。
- 移动到文件夹 — 将应用移动到其他文件夹。
- 重命名 — 更改应用名称。
- 置顶 / 取消置顶 — 将应用置顶到列表顶部。
- 启用 / 禁用云同步 — 切换应用运行时数据的云端同步。
云同步
应用运行时数据可以同步到云端:
- 启用云同步 — 应用数据在你的设备间同步。
- 禁用云同步 — 应用数据仅保留在本地。
⚠ 存储限制
每个应用的云端同步数据限制为 1 MB。如果数据超出此限制,同步将被暂停。你需要清除应用数据才能恢复同步。
应用状态
| 状态 | 描述 |
|---|---|
| 草稿 | 应用已创建但尚未生成内容。 |
| 活跃 | 应用已生成内容且功能完整。 |
| 已归档 | 应用已被归档,在默认视图中隐藏。 |