Flavo

公式

ほとんどのAIサイトは似たり寄ったりです。Flavoは、専属デザイナーが手がけるように、あなたのサイトをデザインします。アイデアを分解し、それぞれ異なる見た目の完成デザインを複数作成します。

flavo.ai で表示

Flavo MCPで何ができますか？

  • サイトデザインを作成 — サイトの内容を平易な言葉で説明すると、Flavoが計画を立てて最大3つのデザインを作成し、プロジェクトIDを返します。
  • デザインの進捗を確認 — プロジェクトIDを指定すると、Flavoが計画中、デザイン中、完了のいずれかを確認できます。完了時には画像とリンクも表示されます。
  • デザインを編集 — プロジェクトID、デザイン番号、変更内容（「冒頭をもっと暗くする」など）を渡すと、そのデザインを直接修正できます。
  • デザインのHTMLをエクスポート — デザインのHTMLを20,000文字ずつ取得できるため、コーディングエージェントがプロジェクト内に実装できます。

ホスト型 MCP サーバー

npx add-mcp 'https://flavo.ai/mcp'

Claude Code、Codex、Cursor などにインストールできます

ドキュメント

普通の言葉で依頼できます。

Flavo's reply in the chat: three designs of Brasa, a wood-fire restaurant in Porto

チャットでのFlavoの返信：ポルトにある薪火レストラン「Brasa」の3つのデザイン

仕事で使う場所にFlavoを追加しましょう。

  • Claude
  • ChatGPT
  • Codex codex mcp add flavo --url https://flavo.ai/mcp
  • Claude Code claude mcp add --transport http flavo https://flavo.ai/mcp
  • Cursor
  • その他のアプリ https://flavo.ai/mcp

設定方法

Claude

上の「Claudeに追加」を選ぶか、Claudeで「カスタマイズ」を開き、「コネクタ」からカスタムコネクタを追加して、https://flavo.ai/mcp を入力します。

ChatGPT

「プラグイン」を開き、「+」を選んでから「カスタムMCPサーバーを追加」を選び、同じアドレスを入力します。Business、Enterprise、Eduのワークスペースでは今すぐ追加できます。その他のプランでは、Flavoの掲載が承認され次第追加できます。

Claude Code

claude mcp add --transport http flavo https://flavo.ai/mcp、またはプラグインをインストールします。プラグインを使うと、プロジェクト内でデザインを作成するためのスキルが追加されます：claude plugin marketplace add flavo-ai/claude-plugin、続けて claude plugin install flavo@flavo。

Codex

codex mcp add flavo --url https://flavo.ai/mcp

Cursor

上の一覧で「Cursorに追加」を選びます。

その他のアプリ

リモートMCPサーバーに対応しているアプリならどれでも使えます。アドレスは https://flavo.ai/mcp です。ストリーミング可能なHTTPを使用し、OAuthでサインインします。コピーするキーはありません。

初回はFlavoのサインイン画面が開きます。Google、メールリンク、またはパスワードでサインインするか、アカウントを作成してから、「アクセスを許可」を選びます。

できること

create_designs

サイトの内容、対象ユーザー、提供するもの、希望する見た目などを、自分の言葉で説明します。Flavoがサイトの構成を考え、通常7分以内に最大3つのデザインを作成します。すぐにプロジェクトIDを返します。

get_designs

プロジェクトIDを指定します。Flavoが構成中、デザイン中、または完了のどの状態かを返します。完了すると、各デザインの画像と全ページへのリンクが表示されます。進捗を最大50秒待ってから応答します。

edit_design

プロジェクトID、デザイン番号（1、2、3のいずれか）、変更内容を指定します。たとえば「冒頭をもっと暗くして」のように伝えます。デザインは約1分でその場で変更されます。元に戻すことはできません。

get_design_html

プロジェクトIDとデザイン番号を指定します。コーディングエージェントがプロジェクト内でデザインを構築できるよう、デザインのHTMLを一度に20,000文字ずつ返します。

アカウントについて

リクエストごとにFlavoアカウント上でプロジェクトが作成され、各デザインはflavo.aiで開きます。そこでデザインを続けたり、サイトを構築して公開したりできます。新規アカウントでは最初のデザインを無料で作成できます。それ以降のデザインには、flavo.aiと同じくプランが適用されます。チャット内で購入が行われることはありません。同時にデザインできるサイトは最大3つです。アプリとの接続を解除するには、アカウントの「接続済みアプリ」から操作してください。

プライバシー

Flavoが受け取るのは、アプリがツールに送信する内容だけです。説明と編集内容のみで、チャットの他の部分を受け取ることはありません。これらの情報はプロジェクトとともにアカウントに保存され、プライバシーポリシーに従って取り扱われます。各デザインには非公開のアドレスが割り当てられます。お問い合わせは[email protected]まで。

問題が起きたとき

デザインをこれ以上作成できない

無料デザインを使い切りました。引き続きデザインを作成するには、flavo.aiでプランをご利用ください。

デザインが完成しなかった

もう一度依頼してください。通常は2回目でうまくいきます。

すでに3つのサイトをデザイン中

いずれかが完了するまで待ってから、もう一度依頼してください。

リクエストが拒否される

Flavoは成人向けサービスであり、成人向けコンテンツ、フィッシング、なりすましには対応していません。利用規約をご覧ください。

ツールが見つからない、またはサインインが繰り返される

アプリからFlavoを削除し、もう一度追加してサインインしてください。

ご質問は[email protected]まで。