Documentation Index
Fetch the complete documentation index at: https://docs.avocadostudio.dev/llms.txt
Use this file to discover all available pages before exploring further.
The vision: open, agentic, composable — for everyone
For the last decade, “real” content operations meant a Digital Experience Platform — Adobe Experience Manager / Experience Cloud, Sitecore (XP, XM Cloud), Contentstack, Optimizely, Bloomreach, Acquia, Coremedia. These platforms defined the category, and they are now racing to reinvent it for the agentic AI era. The features are real and the direction is unmistakable:- Adobe — The Agentic Evolution of Adobe Experience Manager, the Experience Cloud Agent Orchestrator, and the AI Assistant in AEM
- Sitecore — SitecoreAI (which replaced XM Cloud entirely as an AI-first platform), Sitecore Stream as the AI engine, and the Agentic Studio
- Optimizely — Opal, positioned as “the agent orchestration platform for marketing,” with a library of out-of-the-box agents and Opal University
- Contentstack — Agent OS, launched September 2025 under the tagline “Content management is dead”
- Open, self-hostable, “free” — no per-seat license fees, no annual contracts, no minimum spend, no procurement cycles. Run the whole stack on a small VPS or your existing container host. Bring your own LLM keys. The total cost of running Avocado is what you pay your cloud provider, plus what you spend on LLM tokens.
- Agentic and AI-native, not AI-bolted-on — the editing experience is built around an AI agent from day one, not a chatbot panel sidecar grafted onto a 15-year-old CMS. Type “add a testimonials section to /pricing” or “migrate https://my-old-site.com into Avocado”, watch the agent reason about it, and review the proposed change before it ships. No prompt engineering, no copy-pasting between ChatGPT and your CMS.
- Composable by design — bring your own stack — Avocado is not another CMS. It’s the AI orchestration and editing layer that sits on top of whatever content, asset, and product systems you already use (or will pick yourself). Keep your Sanity, your Strapi, your Contentful, your Cloudinary, your Notion, your hand-rolled JSON files. Avocado integrates with them via the Site SDK and the Native Tools runtime; it doesn’t replace them.
- Trust and review built in — every AI edit is a structured operation you can preview, approve, undo, and roll back. Nothing ships without your sign-off. The person responsible for the website — founder, marketing lead, content owner — stays in control of what actually goes live.
- No agency dependency — adopting Avocado does not require hiring a systems integrator. The integration is two SDK helpers and a registration command (~30 minutes for a vanilla Next.js site). Your in-house developer, your existing freelancer, or your IDE coding agent can do it. Use it for client work without putting your clients on a six-figure license.
Honest scope today. Avocado Studio is in early/active development. The Next.js integration path is rock-solid and tested in production; other frameworks are first-mover territory. The whole stack — orchestrator, Content Studio, site templates, and SDK — is open source (MIT) and lives in the public repo. For self-hosting, you can run from source or use the prebuilt orchestrator Docker image (see Docker Deployment). If you’re a founder, an agency, an in-house marketing team, an in-house developer, or just someone who wants in early — welcome. File issues, contribute back, help shape what this becomes.
Where Avocado fits in your MarTech stack
Avocado is the editing and AI orchestration layer between the people producing content and the systems where that content actually lives. It sits in the middle: The boxes on the bottom are the systems you already have (or will pick yourself). Avocado does not replace any of them. Instead it talks to them via two integration surfaces:- The Site SDK — connects your CMS / database / file system as the source of truth for pages and blocks. The SDK ships with Next.js adapters out of the box, plus working examples for JSON files, Contentful, Sanity, and Strapi. Notion, Markdown, or your own database all work via the same
getPage/getSlugs/getSiteConfigcallbacks. - The Native Tools runtime — connects your PIM, DAM, search index, AI image generators, and any other external service so the AI editor can call them when reasoning about edits. “Find a hero image from our Cloudinary library that matches this page” or “check the price for SKU-12345 in the PIM and update the product card” are real use cases the tool runtime is designed for. Today the bundled tools are AI image generation (DALL-E + Gemini) and Unsplash search — the contract for adding your own PIM / DAM / vendor tools is documented and waiting for adopters.
What is Avocado Studio?
Avocado Studio is an open content operations platform for websites. Describe content changes in natural language or use the visual drag-and-drop editor — the system generates schema-validated operations, lets you review the plan, and applies approved changes to draft content with live preview, undo/redo, and publishing controls.Two editing modes
Chat Editor
The default mode. Describe what you want in plain language (English, German, more on the way) — “add a testimonials section to /pricing” or “change the hero CTA to Book a demo” — and the AI plans the change, shows you the proposed operations, and waits for your approval before touching draft content. No menus, no field hunting, no copy-pasting between ChatGPT and your CMS.
Visual Editor
Drag-and-drop mode for direct manipulation. Click any block on the live preview to edit its props inline, reorder sections, or add new blocks from the library — with optional AI chat in the sidebar for natural-language edits alongside. Shares the same blocks, publishing pipeline, and orchestrator backend as the chat editor. Enabled per site in settings.
Start here
Core concepts
Pages, blocks, operations, draft mode — the mental model behind Avocado Studio.
How it works
Step-by-step walkthrough of the editing pipeline, from chat to live preview.
Architecture
How the three services, packages, and data flow fit together.
Onboard a site — with the AI agent
The agentic path. Describe your site or paste a URL / GitHub repo; the in-editor agent migrates, integrates, or scaffolds it for you.
Onboard a site — code it yourself
The manual path. Wire
@ai-site-editor/site-sdk into your existing Next.js 15 project by hand (~30 min) or hand the work to your own coding agent (Codex / Claude Code / Cursor).Visual editor
Enable the drag-and-drop editor for a site (alternative to the chat editor).
Key capabilities
- Self-hostable, no license fees — Run the entire stack on your own infrastructure. The smallest paid tier on any modern container host is enough for early use.
- Natural-language editing — Describe changes in plain English. The AI generates structured, schema-validated operations you can preview and approve.
- Multi-model AI — Anthropic, OpenAI, and Google Gemini for the per-edit chat. Most battle-tested with Claude (Haiku / Sonnet / Opus). The Onboarding agent (full-site onboarding) is Claude-only today.
- 20 built-in block types — Hero, CTA, FAQ, Testimonials, Gallery, Stats, Carousel, Table, and more. Bring your own React components via Custom Blocks.
- Type-safe operations — Zod schemas validate every edit. Malformed AI output is rejected before it touches your content.
- Live preview + streaming — See edits applied progressively as the AI generates the plan. No wait-and-pray.
- Undo/redo + plan approval — Full operation history. Review and approve every change. Nothing ships without your sign-off.
- Pluggable publishing — Ships with Git + Vercel deploy hooks. Implement the
PublishTargetinterface for your own workflow. - AI image generation built in — DALL-E (
gpt-image-1), Google Gemini (gemini-2.5-flash-image, “nano-banana”), and Unsplash search ship out of the box. See Asset Manager & AI Images. - Tool runtime for external systems — Connect your PIM, DAM, search index, or any other vendor service to the AI planner via the Native Tools contract.
Suggested reading path
- Core concepts — pages, blocks, operations, draft mode
- How it works — the editing pipeline from chat to preview
- Architecture — services, packages, data flow
- Add a site — bring an existing website into Avocado Studio (Onboarding agent or by hand)
- Next.js Integration — canonical onboarding path for Next.js sites
- Custom Blocks — register your own component types
- Native Tools — connect PIM, DAM, search, AI image generators
- Docker Deployment — self-host the orchestrator