AI 应用

创建、迭代和讨论 AI 驱动的 HTML 应用——从想法到可用原型只需几秒,支持完整的版本管理和实时预览。

什么是 AI 应用?

YeeroAI 中的 AI 应用是由 AI 生成的自包含 HTML 应用。用自然语言描述你的想法,AI 将生成一个功能完整的网页应用。然后你可以通过对话进行迭代、查看实时预览,并管理版本。

创建应用

要创建新的 AI 应用:

  1. 从侧边栏导航到应用页面。
  2. 点击"新建应用"
  3. 填写创建表单:
    • 应用名称 — 给应用起一个描述性的名称(如"JSON 格式化工具")。
    • 描述(可选)— 简要描述应用的功能。
    • 保存到文件夹 — 选择一个文件夹来组织你的应用,或留在根目录。
    • 模型 — 选择用于生成应用的 AI 模型。
  4. 点击"创建并生成"——AI 将开始生成你的应用。

应用详情页

点击任何应用打开其详情页,它提供三个主要视图:

预览

预览标签页显示应用的实时渲染。HTML 内容显示在自动同步当前主题(浅色/深色)的 iframe 中。如果尚未生成内容,在对话中发送消息即可生成。

代码

代码标签页显示当前版本的原始 HTML 源代码。你可以:

  • 复制代码 — 将整个 HTML 源代码复制到剪贴板。
  • 下载源码 — 将 HTML 文件下载到你的电脑。
  • 保存更改 — 手动编辑代码并保存为新版本。你必须提供更改摘要。
⚠ 代码大小限制

应用代码不能超过 500,000 个字符。如果内容过大,你将无法提交手动编辑。

讨论

讨论标签页是专门用于规划和迭代应用的对话空间:

  • 先规划再构建 — 描述你的应用想法,AI 将帮助澄清需求并规划方案。
  • 从规划生成 — 点击"从规划生成应用",基于讨论内容创建应用。
  • 包含代码 — 开启"包含代码"让 AI 在讨论过程中看到当前应用代码,从而提供更有上下文的建议。

应用对话

每个应用都有自己的对话用于迭代设计。输入区域提供:

控件描述
文本输入描述更改或新功能(如"在右上角添加深色模式切换按钮")。
模型按钮选择用于生成响应的 AI 模型。
工具按钮启用 AI 工具。
设置按钮配置生成参数。
附件按钮附加文件作为参考。

每次 AI 响应都会创建应用的一个新版本,你可以预览、回滚或继续迭代。

版本管理

每次 AI 生成或手动编辑都会创建一个新版本:

  • 版本列表 — 查看所有版本及其编号(v1、v2、v3...)。
  • 当前版本 — 活跃版本标记为"当前"。
  • 回滚 — 在任何版本上点击"回滚到此版本"将其设为活跃版本。当前版本不会被删除——仅改变活跃指针。
  • 积分追踪 — 每个版本显示消耗的积分和生成时间。

运行应用

点击任何应用上的"运行"在浮动对话框中打开它:

  • 最小化 — 将运行中的应用最小化到底部的紧凑栏。
  • 还原 — 将最小化的应用恢复到完整视图。
  • 关闭 — 关闭运行中的应用对话框。
  • 编辑 — 直接跳转到应用的编辑页面。
  • 在应用页面打开 — 在完整详情页中打开应用。
  • 导航 — 使用"上一个/下一个"按钮在应用之间浏览。

应用管理

从应用列表

在应用页面,你可以:

  • 搜索 — 按名称或描述搜索应用。
  • 按状态筛选 — 全部、活跃、已归档或草稿。
  • 排序 — 最近更新、最多运行或最早创建。

应用操作

点击任何应用卡片上的菜单可访问:

  • 运行 — 启动应用。
  • 编辑应用 — 打开应用详情页。
  • 编辑信息 — 更改应用名称和描述。
  • 归档 / 取消归档 — 将应用移入或移出归档。
  • 删除 — 永久删除应用及其所有版本和聊天记录。
  • 移动到文件夹 — 将应用移动到其他文件夹。
  • 重命名 — 更改应用名称。
  • 置顶 / 取消置顶 — 将应用置顶到列表顶部。
  • 启用 / 禁用云同步 — 切换应用运行时数据的云端同步。

云同步

应用运行时数据可以同步到云端:

  • 启用云同步 — 应用数据在你的设备间同步。
  • 禁用云同步 — 应用数据仅保留在本地。
⚠ 存储限制

每个应用的云端同步数据限制为 1 MB。如果数据超出此限制,同步将被暂停。你需要清除应用数据才能恢复同步。

应用状态

状态描述
草稿应用已创建但尚未生成内容。
活跃应用已生成内容且功能完整。
已归档应用已被归档,在默认视图中隐藏。