> ## Documentation Index
> Fetch the complete documentation index at: https://labs.prompthon.io/llms.txt
> Use this file to discover all available pages before exploring further.

# AI 构建工具目录

<div className="not-prose my-4 rounded-md border border-gray-200 bg-gray-50 p-2 text-sm dark:border-gray-800 dark:bg-gray-900/40">
  <div className="mb-2 px-1 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">需要帮助？</div>

  <div className="flex flex-wrap gap-2">
    <a className="inline-flex items-center gap-2 rounded-md border border-gray-200 bg-white px-3 py-1.5 font-medium text-gray-700 no-underline shadow-sm hover:border-gray-300 hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-950/60 dark:text-gray-200 dark:hover:bg-gray-900" href="https://discord.gg/sDE2HhGTg4" target="_blank" rel="noreferrer">
      <Icon icon="discord" iconType="brands" size={14} />

      <span>在 Discord 提问</span>
    </a>

    <a className="inline-flex items-center gap-2 rounded-md border border-gray-200 bg-white px-3 py-1.5 font-medium text-gray-700 no-underline shadow-sm hover:border-gray-300 hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-950/60 dark:text-gray-200 dark:hover:bg-gray-900" href="https://github.com/Prompthon-IO/agent-systems-handbook/issues/new/choose" target="_blank" rel="noreferrer">
      <Icon icon="github" iconType="brands" size={14} />

      <span>提交 GitHub Issue</span>
    </a>

    <a className="inline-flex items-center gap-2 rounded-md border border-gray-200 bg-white px-3 py-1.5 font-medium text-gray-700 no-underline shadow-sm hover:border-gray-300 hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-950/60 dark:text-gray-200 dark:hover:bg-gray-900" href="https://github.com/Prompthon-IO/agent-systems-handbook/blob/main/zh-Hans/SUPPORT.md" target="_blank" rel="noreferrer">
      <Icon icon="life-ring" size={14} />

      <span>支持指南</span>
    </a>
  </div>
</div>

## 摘要

AI 构建工具可以帮助初学者更快从想法走到产物：草稿、图表、自动化、应用原型、代码库，或可部署的起步项目。这个目录用于按任务形态选择第一个工具，而不是给所有工具做排名。

## 如何阅读这个目录

先看你想得到什么结果，再选择能教会这个流程的最小界面。

* 输出主要是写作、分析、规划或文件审阅时，使用助手型工具。
* 输出需要连接应用并重复执行时，使用自动化工具。
* 输出需要成为一个可用网页或移动应用时，使用应用构建器。
* 学生已经准备好看代码和部署时，使用开发者模板。

## 工具目录

| 工具                       | 类别                 | 它做什么                                                                  | 示例用途                                   | 难度    | 成本模式                                      |
| ------------------------ | ------------------ | --------------------------------------------------------------------- | -------------------------------------- | ----- | ----------------------------------------- |
| ChatGPT                  | 通用助手与工作空间工具        | 根据计划和设置，支持对话、搜索、深度研究、图像输入与生成、文件上传、数据分析、Canvas、Projects 和自定义 GPT 风格助手。 | 把课堂主题变成学习指南、分析 CSV、起草项目计划，或生成第一个视觉概念。  | 入门    | 免费和付费计划并存；高级工具与额度随计划和工作区控制而变化。            |
| Claude                   | 通用助手与 artifact 工作区 | 生成长文、代码、图表和可分享的 artifact，方便在对话之外编辑或复用。                                | 起草课程讲义、构建小型交互 artifact，或审阅长文档。         | 入门    | 免费和付费计划并存；组织控制和功能可用性会变化。                  |
| Zapier Agents            | 自动化智能体构建器          | 在 Zapier 自动化环境中创建可以使用连接应用、动作、触发器和知识源的 AI 智能体。                         | 构建个人助理，监听表单、起草跟进消息，并更新电子表格。            | 入门到中级 | 按计划和 activity 使用量计费；智能体运行或使用动作时会消耗额度。     |
| Make AI Agents           | 可视化自动化智能体构建器       | 在可视化自动化画布内构建智能体，让团队连接应用、检查步骤并管理工作流。                                   | 分流支持请求、总结收件箱项目，或跨应用协调审批流程。             | 入门到中级 | 按计划计费；需要检查 Make 计划限制、应用操作数和 AI agent 可用性。 |
| Bubble AI app generation | 无代码应用构建器           | 根据自然语言提示生成应用基础，然后用 Bubble 的可视化编辑器继续调整。                                | 原型化 marketplace、预约应用、内部 tracker，或学生项目。 | 入门到中级 | 按构建器计划计费；托管、容量和生产需求取决于 Bubble 计划。         |
| Replit Agent             | AI 应用与代码工作区        | 在托管开发工作区中，把自然语言应用想法转成文件和可运行项目。                                        | 构建小型 Web 应用、课堂 demo、内部工具，或可让学生查看代码的原型。 | 中级    | 按 Replit 计划和使用量计费；项目托管与 agent 使用会影响成本。    |
| Vercel templates         | 开发者起步模板            | 提供可部署模板，包括 AI 相关示例，适合准备使用代码和生产托管的学习者。                                 | 从 Next.js 或 AI 模板开始，修改后部署公开 demo。      | 中级    | 模板可以免费；部署、使用量和附加服务取决于 Vercel 项目。          |

## 按结果选择

| 结果             | 从哪里开始                            | 什么时候继续升级                    |
| -------------- | -------------------------------- | --------------------------- |
| 我需要理解、写作或分析。   | ChatGPT 或 Claude。                | 工作需要可重复的应用连接或部署。            |
| 我需要跨应用自动化。     | Zapier Agents 或 Make AI Agents。  | 工作流需要自定义 UI、自定义数据模型，或代码级控制。 |
| 我需要不用写代码的工作应用。 | Bubble AI app generation。        | 应用需要源码所有权、自定义基础设施，或开发团队工作流。 |
| 我需要学生能查看的代码库。  | Replit Agent 或 Vercel templates。 | 原型需要测试、GitHub 流程和生产可观测性。    |

## 初学者工作流

1. 选择一个真实任务，例如社团活动报名 tracker。
2. 让 ChatGPT 或 Claude 把任务转成用户故事和验收检查。
3. 如果任务主要是应用协作，在 Zapier 或 Make 中构建第一个工作流。
4. 如果任务需要界面、表单和数据，在 Bubble 中构建第一个应用。
5. 当学生准备好查看代码、使用 GitHub 和部署时，转到 Replit 或 Vercel 模板。

## 评估清单

向学生推荐工具之前，先检查：

* 初学者能否在一次课程中产出有用结果？
* 老师能否解释数据会去哪里？
* 学生能否修改结果，而不是每次都重新开始？
* 免费或课堂可访问计划是否支持这个练习？
* 这个工具符合学习目标，还是只是 demo 看起来很酷？
* 从原型到可维护项目是否有清晰下一步？

## 常见错误

* 在学生理解任务类别之前列出太多工具。
* 把生成出来的 demo 当成可维护产品。
* 忽视数据、文件、凭据和生成代码的存储位置。
* 在代码学习练习中选择无代码构建器。
* 当课程目标其实是工作流设计或产品思考时，选择代码优先模板。

## 引用

* 当前官方产品阅读材料列在 `external_readings` 中。

## 延伸阅读

* [智能体平台与低代码构建器](/zh-Hans/ecosystem/agent-platforms-and-low-code-builders)
* [示例项目](/zh-Hans/reading-paths/sample-projects)

## 更新日志

* 2026-05-19：根据 issue #30 添加入门 AI 构建工具目录。