Avocado
Avocado Studio 是一個開源、可自託管的 AI 編輯器和 Next.js 協調層，讓您可以用簡單的語言編輯真實的網站內容，具有即時預覽、多模型（自帶金鑰）支持以及跨現有內容技術棧的整合。
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 是一個開源、可自行託管的 AI 編輯器和頁面建構器，專為 Next.js 設計，讓團隊能夠以淺白語言編輯真實的網站內容。它協調 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網站工具是一個AI驅動的網站構建器，只需幾次點擊即可自動生成以業務為中心的文案、自定義視覺效果和響應式設計，創建專業網站。
Softgen
Softgen.ai 是一個 AI 驅動的全棧項目生成平台，使用戶能夠在沒有編碼要求的情況下將其想法轉化為功能完整的網頁應用程序。
Webifier
Webifier 是一個 AI 驅動的工具，將文本提示轉換為功能完備的 React 著陸頁，使用 NextJS14、TailwindCSS 和 Shadcn 組件生成乾淨、可導出的代碼。
类似 Avocado 的热门 AI 工具
Adobe Express
Adobe Express 是一款集成了 AI 技術的全能內容創建應用程式，通過專業設計的模板和資產，輕鬆製作令人驚艷的社交帖子、圖像、視頻、傳單等。
Hostinger
Hostinger 是一家網站託管和域名服務提供商，提供由人工智慧驅動的工具，如 Horizons，使任何人都可以通過簡單的聊天界面構建、編輯和發布自定義 Web 應用程式和網站，而無需編碼。
GPT Engineer
GPT Engineer 是一個 AI 驅動的軟件開發工具，使任何人都能通過與 AI 工程師聊天來構建網絡應用程序。
Manus Shopify Connector
Manus Shopify 連接器讓您可以使用 Shopify API 和 OAuth 範圍的存取權限以及 Shopify 結帳，從單一聊天中建立 Shopify 支援的店面、管理您的目錄並生成數據驅動的行銷活動。