コネクタガイド約3分で読めますMCP ツール 8 個7 言語

MCP 経由で Kittl を Microsoft Copilot に接続する方法

Kittl の公式 MCP サーバーを通じて、Claude、ChatGPT、Copilot から Kittl でデザインを作成します。画像や動画の生成、広告・商品写真・パッケージ向けの Kittl AI ワークフローの実行、Web サイトからのブランドキット作成、モックアップのレンダリング、背景除去、アップスケール、ベクター化、そして Kittl ワークスペースでの作業ができます。

HC執筆: HelpCode チーム更新日 3分で読了 GitHub でオープンソース

クレジットカード不要 · 7日間の試用 · セルフホストの選択肢あり

Kittl

Kittl

Create designs in Kittl from Claude, ChatGPT or Copilot through Kittl's official MCP server: generate images and videos, run Kittl AI workflows for ads, product shots and packaging, build brand kits from a website, render mockups, remove backgrounds, upscale and vectorize, and work with the Kittl workspace.

ツール

8

地域

INTL

カテゴリー

生産性

認証

OAuth 2.0

Cloud にワンクリックでインストール

7日間無料トライアル · クレジットカード不要

  • 7日間の無料トライアル
    クレジットカード不要
  • GDPR・SOC 2 レディ
    EU データ保管、監査ログ
  • GitHub でオープンソース
    オープンソース · AGPL-3.0
  • ChatGPT、Claude、Gemini に対応
    MCP 対応クライアントすべて

インストール不要。2分以内に動きます。

cloud.anythingmcp.com で無料トライアルを開始し、Kittl をワンクリックで追加して、AI クライアント(Claude、ChatGPT、Copilot、Cursor)を生成された MCP エンドポイントに向けるだけ。Docker も git clone も、開発経験も不要です。

無料トライアルを開始

概要

Kittl の公式 MCP サーバーを通じて、Claude、ChatGPT、Copilot から Kittl でデザインを作成します。画像や動画の生成、広告・商品写真・パッケージ向けの Kittl AI ワークフローの実行、Web サイトからのブランドキット作成、モックアップのレンダリング、背景除去、アップスケール、ベクター化、そして Kittl ワークスペースでの作業ができます。

こう聞いてみよう

Kittl のサンプルプロンプト

プロンプトをクリックでコピー。Claude / ChatGPT / Cursor / Gemini / Copilot / OpenClaw に貼り付けて、このコネクターで実行できます。

Kittl · MCP 経由でライブ
共有
Opus 4.7

Claude は AI のため誤ることがあります。回答をご確認ください。

💡 インストール不要? cloud.anythingmcp.com を直接利用してください。 サインインして Connectors → Kittl を開き、インストールしてから Authorize with Provider をクリックし、Kittl で承認します。あとは MCP API キーを発行するだけです。Docker も git clone もローカルサーバーも不要。

Kittl + Microsoft Copilot

Kittl の公式 MCP サーバーを通じて、Claude、ChatGPT、Copilot から Kittl でデザインを作成します。画像や動画の生成、広告・商品写真・パッケージ向けの Kittl AI ワークフローの実行、Web サイトからのブランドキット作成、モックアップのレンダリング、背景除去、アップスケール、ベクター化、そして Kittl ワークスペースでの作業ができます。

前提条件

完全なセットアップ手順はコネクタ自体に組み込まれています (ストアでコネクタを選択すると表示)。必要な環境変数:

(なし: インストール後に Kittl でサインインします)

ステップ 1 — Kittl でサインイン

セットアップは約 2 分です。Kittl アカウントが必要です。無料プランを含め、どのプランでも使えます。接続自体は無料ですが、生成や画像編集にはプランの Kittl クレジットを使います。

Kittl は公式のリモート MCP サーバーを https://mcp.kittl.com/mcp で提供しています。このコネクターはそのサーバーに橋渡しします。ツールは Kittl のもので、AnythingMCP がそれをあなたの MCP エンドポイントの背後に置き、Claude と ChatGPT 向けの OAuth、ツールごとのロール、監査ログを付けます。

  1. コネクターをインストールします。貼り付けるものはありません。API キー、クライアント ID、シークレットは不要です。
  2. コネクターのページで Authorize with Provider をクリックします。AnythingMCP が Kittl に自身を登録し、Kittl のサインイン画面に移動します。リダイレクト URI の設定は不要です。
  3. Kittl アカウントでサインインし、アクセスを承認します。AnythingMCP に戻ると、Kittl のサーバーからツール一覧が再読み込みされ、プロジェクト、フォルダー、ブランドキット、チーム、クレジット残高のワークスペースツールも加わります。Kittl はツールを随時追加するので、コネクターの Discover tools で新しいツールを取り込めます。
  4. 動作確認として kittl_list_ai_workflow_presets を実行します。無料で、Kittl の既製 AI ワークフローと、それぞれに必要な入力を一覧表示します。

誰のアカウントか: サインインした人が、このコネクターを使う全員にとっての Kittl ユーザーになります。AI が作成したものはすべてそのユーザーの Kittl ワークスペースに保存され、そのアカウントのクレジットで支払われます。共有コネクターの場合は、認可の前に誰のアカウントにするか決めてください。通常はチームのアカウントが適しています。アクセスを止めるには、AnythingMCP でコネクターまたはその認可を削除します。

作成できるもの: Kittl が提供する画像・動画モデルによる、プロンプトや静止画からの画像と短い動画(kittl_generate_media)、広告、商品写真、サムネイル、パッケージ向けの Kittl AI ワークフロー(kittl_run_ai_workflow)、Web サイトから読み取ったロゴ、カラー、フォントのブランドキット(kittl_create_brand_kit_from_url)、T シャツ、パーカー、マグカップ、ポスター、パッケージのモックアップ(kittl_render_mockup)、そして画像の切り抜き、印刷用のアップスケール、ベクター(SVG)版(kittl_remove_image_background、kittl_upscale_image、kittl_vectorize_image)です。

使い方のポイント: 結果はリンクまたは画像で返り、Kittl にも保存されるので、後からワークスペースで見つけられます。ブランドに沿ったデザインでは、AI がまずブランドキットを作成または選択してワークフローに渡し、ワークフローを実行する前にその一覧を確認します。編集したい画像は Kittl からアクセスできる必要があります。公開 URL か、Kittl ライブラリ内のファイルを使ってください。

変更の前に必ず確認: kittl_run_ai_workflow、kittl_generate_media、kittl_render_mockup、kittl_remove_image_background、kittl_upscale_image、kittl_vectorize_image は Kittl エディターと同じ Kittl クレジットを消費し、動画は画像より多くかかります。kittl_create_brand_kit_from_url は新しいブランドキットを作成します。いずれの前にも、AI は実行する内容(ツール、モデルまたはワークフロー、結果の数)を伝え、あなたの承認を待ちます。確認なしに複数の生成をループで始めることはありません。

インストール時はオフ: ありません。すべてのツールが有効で、クレジットを使うものや何かを作成するものは事前に確認します。

制限: 作成できる量は Kittl のプランと残りのクレジットによって決まります。大量に作る前に、Kittl のサーバーにそのためのツールがあれば、AI がクレジット残高を確認します。

よくあるエラー: ツールの引数は認可後に Kittl のサーバーから届きます。そのため、引数のないツールはサインインがまだ済んでいないことを示します。一度動いた後で認可エラーが出るようになったら、もう一度 Authorize with Provider をクリックしてください。

このコネクターは、あなたのコンピューター上のファイルの読み取り、サインインした Kittl アカウント以外での作業、本人の同意のない実在人物の画像や Kittl の規約に反するコンテンツの作成は行いません。

ステップ 2 — アダプターをインストール

curl -fsSL https://raw.githubusercontent.com/HelpCode-ai/anythingmcp/main/docker-compose.quickstart.yml -o docker-compose.yml
printf 'JWT_SECRET=%s\nENCRYPTION_KEY=%s\n' "$(openssl rand -hex 32)" "$(openssl rand -hex 32)" > .env
docker compose up -d

ステップ 3 — Microsoft Copilot にコネクタを追加

サーバーURL: AnythingMCP で MCP Servers を開き、このコネクタがあるサーバーを選んで URL(https://cloud.anythingmcp.com/mcp/…)をコピーします。このガイドで YOUR_SERVER_ID と表示されている箇所に使ってください。

Microsoft Copilot は、Copilot Studio で作成したエージェントを通じて MCP サーバーを使います。AnythingMCP をツールとしてエージェントに追加し、そのエージェントを Microsoft 365 Copilot と Teams に公開します。Copilot Studio は Microsoft のクラウドから Streamable HTTP で接続し、AnythingMCP はこれに対応しています。

  1. Copilot Studio でエージェントを開き(または新規作成し)、Tools で Add a tool → New tool → Model Context Protocol を選びます。
  2. Server name(例: AnythingMCP)、コネクタでできることを説明する Server description、Server URL https://cloud.anythingmcp.com/mcp/YOUR_SERVER_ID を入力します。Copilot Studio はこの説明をもとに、いつサーバーを呼び出すかを判断します。
  3. 認証で API key を選び、Type を Header、ヘッダー名を X-API-Key にして Create を選びます。
  4. Add tool で Create a new connection を選び、AnythingMCP の MCP API キー(MCP Servers → 対象のサーバー → API keys)を貼り付けて Add to agent を選びます。
  5. エージェントの Test ウィンドウで試します。Kittl のツールが必要になる依頼をしてみましょう。
  6. Publish を選び、Channels → Microsoft 365 and Microsoft Teams で Make agent available in Microsoft Copilot を選択したまま Add channel を選びます。See agent in Teams で自分用にインストールされます。Microsoft 365 Copilot では @ を入力してエージェントを選びます。

ユーザーごとにサインインさせたい場合は、API キーの代わりに OAuth 2.0 → Dynamic discovery を選びます。各ユーザーは、エージェントが初めて呼び出すときに AnythingMCP にサインインします。

セルフホストの場合は、https://cloud.anythingmcp.com の代わりにインスタンスの公開 HTTPS アドレスを使ってください。Copilot Studio は Microsoft のクラウドから接続するため、localhost は使えません。

利用可能なツール

ToolWhat it does
kittl_list_ai_workflow_presetsList Kittl's ready-made AI workflows (ads, product shots, thumbnails, packaging and more) with the inputs each one needs
kittl_run_ai_workflowRun one of Kittl's AI workflows from kittl_list_ai_workflow_presets with the user's inputs (prompt, images, brand kit) and return the…
kittl_generate_mediaGenerate images, or short videos from a prompt or a still, with one of the image and video models Kittl offers (picked automatically or by…
kittl_create_brand_kit_from_urlBuild a Kittl brand kit from a website address: Kittl reads the site's logo, colours and fonts and saves them as a brand kit in the user's…
kittl_render_mockupPlace a design on a product mockup (t-shirt, hoodie, mug, poster, packaging) and return the rendered image, saved in the user's Kittl…
kittl_remove_image_backgroundRemove the background of an image and return a cut-out with transparency, saved to the user's Kittl uploads
kittl_upscale_imageUpscale an image for print (for example 4x) and return the larger version, saved to the user's Kittl uploads
kittl_vectorize_imageConvert a raster image, sketch or logo into a vector (SVG) that prints sharp at any size, saved to the user's Kittl workspace

プロンプトの例

  • 「当店のサイト example-bakery.jp からブランドキットを作って、秋メニューの Instagram 広告を 3 案デザインしてください。何か実行する前に確認してください。」
  • 「黒の T シャツと白のマグカップのモックアップにロゴを載せてください。クライアントに見せたいです。」
  • 「この商品写真の背景を消して、印刷用に 4 倍にアップスケールしてください: https://example.com/sneaker.jpg」
  • 「パッケージ向けの Kittl AI ワークフローにはどんなものがありますか。それぞれ何を渡せばよいですか。」
  • 「Kittl ライブラリにあるロゴのラフスケッチを、どのサイズでもきれいに印刷できる SVG ベクターにしてください。」

FAQ

どの Copilot が対象ですか? 職場で使う Microsoft 365 Copilot で、Copilot Studio のエージェントを通じて利用します。個人アカウント向けの Microsoft Copilot アプリでは、独自の MCP サーバーを追加できません。

何が必要ですか? エージェントを作成するために、Copilot Studio を利用できる職場アカウント(ライセンスまたは試用版)が必要です。Microsoft 365 Copilot や Teams でエージェントを使う人には、エージェントへのアクセス権が必要です。共有するか、管理者に組織向けに公開してもらってください。組織が Power Platform コネクタにデータ ポリシーを適用している場合は、MCP サーバーにも適用されます。

エージェントがツールを呼び出しません。 ヘッダー名が正確に X-API-Key であること、キーが URL と同じ MCP サーバーのものであることを確認し、Server description を具体的に書いてください。Copilot Studio はこの説明をもとにサーバーを呼び出すかどうかを判断します。変更のたびにエージェントを再公開し、開いているチャットでは "start over" と入力すると新しいバージョンになります。

次のステップ

このガイドは役に立ちましたか?

Kittl エージェントまで、あとワンクリック。

コネクタをインストールし、キーを貼り付けて、Microsoft Copilot に聞くだけ。7 日間無料、クレジットカード不要。

関連ガイド

コネクタ

MCP 経由で Kittl を ChatGPT に接続する方法

Kittl の公式 MCP サーバーを通じて、Claude、ChatGPT、Copilot から Kittl でデザインを作成します。画像や動画の生成、広告・商品写真・パッケージ向けの Kittl AI ワークフローの実行、Web サイトからのブランドキット作成、モックアップのレンダリング、背景除去、アップスケール、ベクター化、そして Kittl ワークスペースでの作業ができます。

コネクタ

MCP 経由で Kittl を Claude に接続する方法

Kittl の公式 MCP サーバーを通じて、Claude、ChatGPT、Copilot から Kittl でデザインを作成します。画像や動画の生成、広告・商品写真・パッケージ向けの Kittl AI ワークフローの実行、Web サイトからのブランドキット作成、モックアップのレンダリング、背景除去、アップスケール、ベクター化、そして Kittl ワークスペースでの作業ができます。

コネクタ

MCP 経由で Kittl を Cursor に接続する方法

Kittl の公式 MCP サーバーを通じて、Claude、ChatGPT、Copilot から Kittl でデザインを作成します。画像や動画の生成、広告・商品写真・パッケージ向けの Kittl AI ワークフローの実行、Web サイトからのブランドキット作成、モックアップのレンダリング、背景除去、アップスケール、ベクター化、そして Kittl ワークスペースでの作業ができます。

コネクタ

MCP 経由で Kittl を Gemini に接続する方法

Kittl の公式 MCP サーバーを通じて、Claude、ChatGPT、Copilot から Kittl でデザインを作成します。画像や動画の生成、広告・商品写真・パッケージ向けの Kittl AI ワークフローの実行、Web サイトからのブランドキット作成、モックアップのレンダリング、背景除去、アップスケール、ベクター化、そして Kittl ワークスペースでの作業ができます。

コネクタ

MCP 経由で Kittl を Meta Muse に接続する方法

Kittl の公式 MCP サーバーを通じて、Claude、ChatGPT、Copilot から Kittl でデザインを作成します。画像や動画の生成、広告・商品写真・パッケージ向けの Kittl AI ワークフローの実行、Web サイトからのブランドキット作成、モックアップのレンダリング、背景除去、アップスケール、ベクター化、そして Kittl ワークスペースでの作業ができます。

コネクタ

Kittl を MCP に:あらゆる AI エージェントからデザイン、モックアップ、ブランドキットを作成

Kittl の公式 MCP サーバーを通じて、Claude、ChatGPT、Copilot から Kittl でデザインを作成します。画像や動画の生成、広告・商品写真・パッケージ向けの Kittl AI ワークフローの実行、Web サイトからのブランドキット作成、モックアップのレンダリング、背景除去、アップスケール、ベクター化、そして Kittl ワークスペースでの作業ができます。