Avocado
Avocado Studioは、Next.js向けのオープンソースでセルフホスト可能なAIエディターおよびオーケストレーションレイヤーです。ライブプレビュー、マルチモデル（BYOキー）サポート、既存のコンテンツスタック全体での統合により、実際のサイトコンテンツを平易な言語で編集できます。
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フレンドリーであり、CMSの代替や汎用AIライティングツールではなく、AIネイティブなコンテンツ運用レイヤーとして位置付けられています。
平易な言葉によるAI編集: 自然言語で変更を記述すると、AIエージェントがコピーを生成するだけでなく、実際のサイト成果物（コンテンツ、コンポーネント、メタデータ）を更新します。
Next.jsでのライブプレビュー: エージェントがコンテンツとレイアウトをリアルタイムで変更するにつれて、Next.jsアプリケーション内で更新を即座に確認できます。
オープンなオーケストレーションレイヤー（CMSではない）: AIモデルと既存のスタックの間に位置し、現在のツールを置き換えることなく、編集、レビュー、公開を調整します。
マルチモデルサポート（BYO LLMキー）: 独自のAPIキーを使用して、テキスト、画像、マルチモーダルワークフローのために、異なるタスクを異なるプロバイダー（Anthropic、OpenAI、Gemini）にルーティングします。
自己ホスト可能＆オープンソースコア: データ、プロンプト、統合、ガバナンスを制御するために独自のインフラストラクチャにデプロイします。独自のロックインを回避します。
開発者およびプラットフォームチームに優しい: APIファースト、拡張可能なアダプター、ストリーミングワークフロー、Gitフレンドリーなプロセスは、最新のエンジニアリングおよびプラットフォームプラクティスに適合するように設計されています。
Avocadoのユースケース
マーケティングチーム向けのAIアシストによるウェブサイト更新: マーケティングチームは、Next.jsサイトでコンポーネントの制約、スキーマ、レビュー規則を維持しながら、平易な言葉でページ編集をリクエストできます。
CMS/DAM/ローカライズを横断するコンテンツ運用: 既存システム全体で承認、メディア処理、ローカライズ、公開手順を調整し、一貫性のある監査可能なリリースを実現します。
Eコマースのマーチャンダイジングとランディングページの反復: デザインシステムの一貫性を保ち、変更をライブプレビューしながら、製品のストーリーテリング、プロモーション用ランディングページ、メタデータを迅速に更新します。
SaaSドキュメントと製品サイトのメンテナンス: エージェントが構造化された編集とメタデータの更新を安全に適用できるようにすることで、製品ページとドキュメントのようなサイトセクションを最新の状態に保ちます。
画像とコピーを組み合わせたクリエイティブワークフロー: マルチモーダルモデルを使用して、構造化されたコンテンツと並行して画像を生成または編集し、出力を既存の公開ワークフローにルーティングします。
メリット
オープンソースで自己ホスト可能であり、データ、プロンプト、統合を強力に制御できます
既存のスタック（CMS/DAM/デザインシステム）と連携し、移行リスクとロックインを軽減します
BYOキーによるマルチモデルルーティングは、柔軟なコスト/パフォーマンスのトレードオフをサポートします
ライブプレビューとエージェントによる編集により、実際のNext.jsサイトでの反復を高速化できます
デメリット
現時点ではNext.jsを起点としており、より広範なスタックサポートには追加のセットアップ/アダプターが必要になる場合があります
自己ホスティングと統合作業は、マネージドプラットフォームと比較してエンジニアリングの労力を増やす可能性があります
サードパーティのモデルAPIへの依存は、コスト/レイテンシとプロバイダーの変更をユーザーが管理する必要があることを意味します
Avocadoの使い方
1) Next.jsサイトを使用していることを確認する（出発点）: Avocado Studioは「今日のNext.jsウェブサイトから始める」と位置付けられています。AIで編集したいNext.jsアプリを選択し、変更が適用されている間にライブプレビューを使用できるように、ローカルで実行できることを確認してください。
2) デプロイモードを決定する（セルフホスト）: データ、プロンプト、API、統合を制御できるように、Avocado Studioを独自のインフラストラクチャ（セルフホスト）で実行する計画を立ててください。これは、製品のポジショニングで説明されている意図された設定です。
3) 独自のLLMキーを持参する（プロバイダーを選択する）: 使用したいモデル（例：Anthropic、OpenAI、Gemini）のAPIキーを取得してください。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は、編集、承認、公開、メディア、ローカリゼーションを1つの制御されたワークフローに連携させるように設計されています。
11) Gitフレンドリーに保つ（開発者ワークフロー）: 開発者/プラットフォームチームに適した方法でAvocadoを使用します。変更をGitワークフローと既存のフロントエンドスタックと互換性のあるものに保ち、編集が通常のコード/コンテンツ変更のようにレビューおよび追跡できるようにします。
12) 時間をかけて最初のNext.jsサイトを超えて拡張する: 1つのNext.jsサイトでワークフローを実証した後、Avocadoのオーケストレーションレイヤーをより多くの構成可能なアーキテクチャ（追加のサイト、より多くのコンテンツシステム、より多くのワークフローステップ）に拡張します。
13) 必要に応じてオンボーディングサポート/早期アクセスを受ける: サイトのオンボーディングでヘルプが必要な場合は、提供されている早期アクセスチャネル（[email protected]）を通じてチームに連絡してサポートを受けてください。
Avocadoのよくある質問
Avocado Studioは、Next.js用のオープンソースのAIアシストエディター兼ページビルダーです。AIモデルと既存のコンテンツシステム間のオーケストレーションレイヤーとして機能し、編集および公開ワークフローを調整します。
Avocadoに類似した最新のAIツール
GPT Easy Web
GPT Easy Webは、ユーザーがコーディング知識を必要とせずに自然言語の対話と自動化ツールを通じて、簡単にウェブサイトを構築、カスタマイズ、管理できるユーザーフレンドリーなAI駆動のプラットフォームです
AI Website Tool
AIウェブサイトツールは、わずか数回のクリックでビジネスに焦点を当てたコピー、カスタムビジュアル、レスポンシブデザインを自動的に生成することにより、数分でプロフェッショナルなウェブサイトを作成するAI駆動のウェブサイトビルダーです。
Softgen
Softgen.aiは、ユーザーがコーディング要件なしでアイデアを機能的なウェブアプリケーションに変換できるAI駆動のフルスタックプロジェクトジェネレータープラットフォームです
Webifier
Webifierは、NextJS14、TailwindCSS、Shadcnコンポーネントを使用して、テキストプロンプトを完全に機能するReactランディングページに変換するAI駆動のツールです。クリーンでエクスポート可能なコードを生成します
Avocadoに似た人気のAIツール
Adobe Express
Adobe Expressは、プロフェッショナルデザインのテンプレートとアセットを使用して、驚くべきソーシャル投稿、画像、動画、フライヤーなどを簡単に作成するためのオールインワンのAI駆動のコンテンツ作成アプリです。
Hostinger
Hostinger is a web hosting and domain service provider offering AI-powered tools like Horizons that enables anyone to build, edit, and publish custom web apps and websites without coding through a simple chat interface.
GPT Engineer
GPTエンジニアは、誰でもAIエンジニアとチャットすることでウェブアプリケーションを構築できるAI駆動のソフトウェア開発ツールです。
Manus Shopify Connector
Manus Shopifyコネクタを使用すると、Shopify APIとOAuthスコープアクセス、Shopifyチェックアウトを使用して、Shopifyをバックエンドとするストアフロントを構築し、カタログを管理し、データ駆動型キャンペーンを単一のチャットから生成できます。