mcpField
S
Streamline MCP Server

Streamline MCP Server

リモート
github.com/webalys-hqメディア・デザイン013 週間前に更新
リポジトリ

Streamline MCP Server について

Streamline MCP Server は、MCP 対応クライアントから Streamline のアイコン、イラスト、要素、絵文字を検索・取得・ダウンロードできます。PNG と SVG に対応し、デザイン用途に合わせた設定も指定できます。

主な機能

  1. 01アイコン、イラスト、要素、絵文字の検索
  2. 02ファミリーとスタイルセットの閲覧
  3. 03固有ハッシュによる素材の取得
  4. 04設定を指定した PNG・SVG のダウンロード
  5. 05複数素材の一括ダウンロード

活用シーン

  1. 01Web やモバイルのデザイン用アイコン探し
  2. 02デザインシステム向け素材の調整
  3. 03アプリやビルドツールでの素材作業の自動化

MCP 対応

Streamline のカタログ検索、素材取得、ダウンロードのツールを MCP クライアントに公開します。OAuth または API キーで認証します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://public-api.streamlinehq.com/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

すべてのエンドポイント
Streamable HTTPhttps://public-api.streamlinehq.com/mcp認証が必要

ツール

詳細

Streamline MCP サーバー

Streamline MCP サーバーは、CursorやClaude DesktopなどのMCP対応クライアントが、Streamlineのアイコン、イラスト、エレメント、絵文字の全コレクションにアクセスするためのツールを提供します。
クライアントは、アセットを検索、取得、ダウンロードできます。形式はPNGまたはSVGです。


🧩 セットアップと認証

Streamline MCP サーバーは次の場所で利用できます。

https://public-api.streamlinehq.com/mcp

認証方法は2つあります。ご利用のクライアントに合った方法を選択してください。

🔐 オプション1 — OAuth(Claude DesktopとWebに推奨)

カスタムコネクターに対応したGUIクライアントは、OAuthで認証できます。コピーや保存が必要なAPIキーはありません。

  1. Claudeで、Settings → Connectors → Add custom connectorに移動します。
  2. 名前(例:Streamline MCP)を付け、上記のサーバーURLを入力します。
  3. Connectをクリックすると、StreamlineのWebアプリにリダイレクトされ、サインインしてアクセスを許可できます。
  4. Settings → Connectorsに戻り、サーバーのステータスがConnectedになっていることを確認します。

詳しくはClaudeコネクターガイドをご覧ください。

🔑 オプション2 — APIキー(X-API-Keyヘッダー)

設定ファイルまたはコマンドラインを使用するクライアント(例:Cursor、Claude Code CLI)は、APIキーで認証します。
Streamlineアカウント → API設定ページからキーを生成、管理できます。

JSON設定:

{
  "mcpServers": {
    "streamline": {
      "url": "https://public-api.streamlinehq.com/mcp",
      "headers": {
        "X-API-Key": "YOUR_API_KEY_HERE"
      }
    }
  }
}

Claude Code CLI:

claude mcp add --transport http streamline-mcp \
  https://public-api.streamlinehq.com/mcp \
  --header "X-API-Key: YOUR_API_KEY_HERE"

⚙️ 使い方

接続すると、クライアントのAIチャットから以下のツールを呼び出せます。全パラメーターと使用例については、Streamline MCPリファレンスをご覧ください。

用語: Familyは最上位のバンドル(例:「Ultimate」)で、SetはFamily内のスタイルバリエーション(例:「Ultimate Regular」)です。

🔎 検索と探索
  • search_assets — カタログ全体、または特定のSetやFamilyに絞って、個々のアイコン、イラスト、エレメント、絵文字を検索します。
  • search_sets — 表現やテーマを指定して、Set(スタイルバリエーション)を検索します。
  • find_sets_by_name — 名前でSetを検索します。
  • get_all_families — アカウントで利用可能なすべてのFamily(バンドル)を閲覧します。
  • get_all_sets_from_family — 指定したFamily内のすべてのSetを一覧表示します。
  • get_family_extra_details — Familyの説明と意味に関するコンテキストを取得します。
📥 取得とダウンロード
  • get_icon_by_hash — 一意のハッシュを指定して、特定のアイコンを取得します。
  • download_asset — サイズ、色、背景、線幅のオプションを指定して、単一のアセットをPNGまたはSVGでダウンロードします。
  • download_multiple_assets — 複数のアセットを1回の呼び出しでまとめてダウンロードします。

例:
クライアントのAIチャットに**「犬のアイコンを検索して」**と尋ねます。
MCPクライアントが適切なツールを自動的に呼び出し、Streamlineから一致する検索結果を返します。


🌟 主な機能

  • アイコン、イラスト、エレメント、絵文字を検索できます。
  • 特定のアセットに関する詳細なメタデータを取得できます。
  • サイズ、色、背景、線幅をカスタマイズして、アセットをPNGまたはSVG形式でダウンロードできます。
  • すべてのMCPプロトコル対応クライアントと完全に互換性があります。

💡 ユースケース

  • Webやモバイルのデザインプロジェクトで使うアイコンをすばやく見つけられます。
  • デザインシステムやクリエイティブワークフロー用のアセットを取得、カスタマイズできます。
  • アプリでのアイコン関連タスクを自動化したり、ツールを構築したりできます。

❓ よくある質問

Streamline MCP サーバーを利用できるクライアントはどれですか?

提供されたJSON-RPCエンドポイントを使用して、MCP対応クライアント(例:Cursor、Claude Desktop)であれば接続できます。

アイコンを複数の形式でダウンロードできますか?

はい。サイズと色をカスタマイズでき、PNGとSVGの両方に対応しています。

認証は必要ですか?

はい。OAuth(Claude Desktop/Webに推奨)またはAPIキー(コマンドライン/設定ファイルを使用するクライアント向けのX-API-Keyヘッダー)で認証できます。詳しくはセットアップと認証のセクションをご覧ください。


🙋 サポートが必要ですか?

Streamline の開発チームに直接問い合わせたいですか?公開 Slack チャンネルに参加して、質問したり、フィードバックを共有したり、MCP サーバーを構築している開発チームからセットアップのサポートを受けたりできます。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。