Avocado
Avocado Studio 是一个开源、可自托管的 Next.js AI 编辑器和编排层，它允许您使用纯语言编辑真实的网站内容，具有实时预览、多模型（自带密钥）支持以及与您现有内容堆栈的集成。
https://www.avocadostudio.dev/?ref=producthunt&utm_source=aipure
产品信息
更新于：2026年06月17日
什么是 Avocado
Avocado Studio 是一个 AI 原生层，旨在帮助团队编辑和发布现代网络内容，而无需替换他们当前的工具。它被定位为“不是另一个 CMS”和“不是另一个 AI 写作工具”，专注于安全地将 AI 驱动的更改应用于实际的网站构件——组件、元数据和发布步骤——同时保持开放、可组合和开发人员友好。它是免费和开源的（MIT 许可），可自托管，目前旨在与 Next.js 配合使用，并随着时间的推移扩展到 CMS、DAM、设计系统、本地化工具和发布管道。
Avocado 的主要功能
Avocado Studio 是一个开源的、可自托管的 Next.js AI 编辑器和页面构建器，它允许团队用通俗易懂的语言编辑真实的网站内容。它协调 AI 代理安全地更新组件、元数据和发布步骤，并提供实时预览，同时与现有系统（如 CMS、DAM、设计系统、本地化工具和发布管道）集成。它支持多种 AI 提供商（例如 Anthropic、OpenAI、Gemini），是 API 优先和 Git 友好的，并被定位为 AI 原生内容运营层——而不是替代 CMS 或通用 AI 写作工具。
通俗易懂的 AI 编辑: 用自然语言描述更改，AI 代理会更新实际的网站工件（内容、组件、元数据），而不仅仅是生成文本。
Next.js 中的实时预览: 当代理实时修改内容和布局时，在您的 Next.js 应用程序中即时查看更新。
开放编排层（而非 CMS）: 位于 AI 模型和您现有堆栈之间，协调编辑、审查和发布，而无需替换您当前的工具。
多模型支持（自带 LLM 密钥）: 使用您自己的 API 密钥将不同的任务路由到不同的提供商（Anthropic、OpenAI、Gemini），用于文本、图像和多模态工作流程。
可自托管和开源核心: 部署在您自己的基础设施上，以控制数据、提示、集成和治理；避免专有锁定。
对开发人员和平台团队友好: API 优先、可扩展的适配器、流式工作流程和 Git 友好的流程，旨在适应现代工程和平台实践。
Avocado 的使用场景
营销团队的 AI 辅助网站更新: 营销团队可以用通俗易懂的语言请求页面编辑，同时在 Next.js 网站上保持组件约束、模式和审查规则不变。
跨 CMS/DAM/本地化的内容运营: 协调现有系统中的审批、媒体处理、本地化和发布步骤，以实现一致、可审计的发布。
电子商务商品销售和着陆页迭代: 快速更新产品故事、促销着陆页和元数据，同时保持设计系统的一致性并实时预览更改。
SaaS 文档和产品网站维护: 通过让代理安全地应用结构化编辑和元数据更新，保持产品页面和类似文档的网站部分最新。
结合图像 + 文本的创意工作流程: 使用多模态模型生成或编辑图像以及结构化内容，然后通过您现有的发布工作流程路由输出。
优点
开源和可自托管，可以对数据、提示和集成进行强有力的控制
与现有堆栈（CMS/DAM/设计系统）协同工作，降低迁移风险和锁定
带有自带密钥的多模型路由支持灵活的成本/性能权衡
实时预览和代理编辑可以加快真实 Next.js 网站的迭代速度
缺点
目前专注于 Next.js 作为起点；更广泛的堆栈支持可能需要额外的设置/适配器
与托管平台相比，自托管和集成工作可能会增加工程工作量
对第三方模型 API 的依赖意味着成本/延迟和提供商变更必须由用户管理
如何使用 Avocado
1) 确认您正在使用 Next.js 网站（起点）: Avocado Studio 的定位是“从今天的 Next.js 网站开始”。选择您想要用 AI 编辑的 Next.js 应用程序，并确保您可以在本地运行它，以便在应用更改时使用实时预览。
2) 决定您的部署模式（自托管）: 计划在您自己的基础设施上运行 Avocado Studio（自托管），以便您控制数据、提示、API 和集成。这是产品定位中描述的预期设置。
3) 引入您自己的 LLM 密钥（选择提供商）: 获取您想要使用的模型的 API 密钥（例如，Anthropic、OpenAI、Gemini）。Avocado 支持“多模型 AI”和“引入您自己的模型”，因此您可以将不同的任务（文本、图像、多模态）路由到不同的提供商。
4) 将 Avocado Studio 连接到您的 Next.js 网站以进行实时预览: 配置 Avocado，使其可以在您的 Next.js 应用程序中即时显示更改（“实时预览”）。目标是在 AI 代理修改内容、组件和布局时，实时查看网站更新。
5) 集成您现有的内容堆栈（可选但推荐）: 如果您已经使用 CMS、DAM、设计系统、本地化工具或发布管道，请连接它们，以便 Avocado 可以在您现有的工具之间协调工作流程，而不是替换它们。
6) 开始 AI 辅助编辑会话（纯语言更改请求）: 用纯语言描述您想要的更改。Avocado 的代理旨在更新真实的结构化网站内容——组件、元数据和发布步骤——同时保留模式和治理规则。
7) 审查结构化更改（组件 + 元数据，不仅仅是文本）: 检查代理更改了什么：页面内容、组件结构和元数据。Avocado 明确“不仅仅是文本生成”，因此请验证编辑是否符合您的组件模型和任何模式约束。
8) 使用实时预览迭代，直到页面正确: 使用实时预览循环：用自然语言请求调整，观察更新出现在 Next.js 预览中，并进行细化，直到布局/内容符合您的意图。
9) 需要时使用多模态工作流程（图像 + 文本一起）: 对于需要视觉和文本的页面，使用您选择的提供商（Claude/OpenAI/Gemini）支持的图像功能以及结构化内容编辑，以便资产和文本一起更新。
10) 运行连接的工作流程（审查 → 批准 → 发布）: 协调跨系统（CMS、DAM、本地化、审批）的发布工作流程。Avocado 旨在将编辑、审批、发布、媒体和本地化链接到一个受控的工作流程中。
11) 保持 Git 友好（开发人员工作流程）: 以适合开发人员/平台团队的方式使用 Avocado：使更改与 Git 工作流程和您现有的前端堆栈兼容，以便可以像正常的代码/内容更改一样审查和跟踪编辑。
12) 随着时间的推移扩展到初始 Next.js 网站之外: 在在一个 Next.js 网站上验证工作流程后，将 Avocado 的编排层扩展到您的更多可组合架构（其他网站、更多内容系统、更多工作流程步骤）。
13) 如果需要，获取入职支持/早期访问: 如果您需要帮助入职您的网站，请通过提供的早期访问渠道（[email protected]）联系团队以获得支持。
Avocado 常见问题
Avocado Studio是一个开源的、AI辅助的Next.js编辑器和页面构建器。它充当AI模型和您现有内容系统之间的编排层，以协调编辑和发布工作流程。
与 Avocado 类似的最新 AI 工具
GPT Easy Web
GPT Easy Web 是一个用户友好的 AI 驱动平台，使用户能够通过自然语言交互和自动化工具轻松构建、定制和管理网站，而无需编程知识。
AI Website Tool
AI Website Tool 是一个AI驱动的网站构建器，只需几次点击即可自动生成以业务为中心的文案、自定义视觉效果和响应式设计，创建专业网站。
Softgen
Softgen.ai 是一个 AI 驱动的全栈项目生成平台，使用户无需编码要求即可将想法转化为功能完备的 Web 应用程序。
Webifier
Webifier是一个AI驱动的工具，可以将文本提示转换为功能齐全的React着陆页，使用NextJS14、TailwindCSS和Shadcn组件生成干净、可导出的代码。
类似 Avocado 的热门 AI 工具
Adobe Express
Adobe Express 是一款集成了 AI 技术的内容创作应用程序，可轻松制作令人惊艳的社交媒体帖子、图像、视频、传单等，拥有专业设计的模板和素材资源。
Hostinger
Hostinger 是一家 Web 托管和域名服务提供商，提供由 AI 驱动的工具，如 Horizons，使任何人都可以通过简单的聊天界面构建、编辑和发布自定义 Web 应用程序和网站，而无需编码。
GPT Engineer
GPT Engineer 是一个 AI 驱动的软件开发工具，使任何人都能通过与 AI 工程师聊天来构建网络应用程序。
Manus Shopify Connector
Manus Shopify 连接器允许您通过一个聊天构建由 Shopify 支持的店面、管理您的目录并生成数据驱动的营销活动——使用具有 OAuth 范围访问权限的 Shopify API 和 Shopify 结账。