mcpField
D
Designelier

Designelier

リモート
designelier.comメディア・デザイン03 日前に更新
リポジトリ公式サイト

Designelier について

Designelier は、Web サイトやアプリ向けに、統一感のあるアイコン、スポットイラスト、透過素材を作成するホスト型 MCP サーバーです。生成前にプランと正確なクレジット見積もりを確認できます。

主な機能

  1. 01統一感のあるアイコンやイラストを計画
  2. 02公開 URL から素材パックを計画
  3. 03題材、スタイル、クレジット見積もりを確認
  4. 04承認後に素材を生成
  5. 05SVG と透過 WebP ファイルをダウンロード

活用シーン

  1. 01アプリ用の統一感あるアイコンセットを作成
  2. 02Web サイトの公開ページから素材を計画
  3. 03生成前にクレジット費用を確認

MCP 対応

MCP クライアントに素材やWebサイト用パックの計画、見積もりとプレビューの確認、アカウントのクレジット照会、生成確定のツールを提供します。Streamable HTTP と OAuth で接続します。

設定

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

エンドポイントhttps://mcp.designelier.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 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

Designelier MCP サーバー

任意の MCP クライアントから、ウェブサイトやアプリ向けに、統一感のあるアイコンセット、スポットイラスト、透明背景のデザイン素材を生成できます。短い概要やページをもとに素材パックを計画し、正確な見積もりを確認してから生成できます。

  • エンドポイント: https://mcp.designelier.com/mcp(ストリーミング可能な HTTP)
  • 認証: OAuth。Designelier アカウントでサインインします
  • ウェブサイト: https://designelier.com/mcp
  • 公式 MCP レジストリ: com.designelier/mcp

できること

  • 短い概要をもとに、統一したスタイルと配色のアイコンセットまたはスポットイラスト(1~6点)を計画できます。
  • ウェブサイトの公開 URL をもとに、ウェブサイト用のアートワーク一式を計画できます。
  • 計画されたモチーフ、スタイル、正確なクレジット見積もりを事前に確認できます。計画は無料です。
  • 見積もりを確認した後にのみ生成できます。SVG ファイルと、キャンバス全体および切り抜き済みの透明 WebP ファイルを含む ZIP をダウンロードできます。

SVG ファイルにはラスター画像が埋め込まれています。編集可能なベクターパスではありません。

接続

サーバーは OAuth を使用します。クライアントでブラウザーウィンドウが開くので、Designelier アカウントでサインインしてアクセスを許可してください。API キーをコピーする必要はありません。

Claude(claude.ai および Claude Desktop)

Settings → Connectors → Add custom connector を開き、https://mcp.designelier.com/mcp を入力して Connect を選択します。

Claude Code
claude mcp add --transport http designelier https://mcp.designelier.com/mcp

次に、Claude Code で /mcp を実行し、designelier を認証します。

Codex CLI
codex mcp add designelier --url https://mcp.designelier.com/mcp
codex mcp login designelier
Cursor

これを ~/.cursor/mcp.json に追加します。

{
  "mcpServers": {
    "designelier": { "url": "https://mcp.designelier.com/mcp" }
  }
}
VS Code
code --add-mcp '{"name":"designelier","type":"http","url":"https://mcp.designelier.com/mcp"}'
Gemini CLI
gemini mcp add --transport http designelier https://mcp.designelier.com/mcp
ChatGPT およびその他のクライアント

URL https://mcp.designelier.com/mcp を指定してカスタムコネクターを追加します(ChatGPT では開発者モードを使用)。ストリーミング可能な HTTP と MCP OAuth をサポートするクライアントであれば利用できます。

ツール

クライアントは常に、tools/list から最新の一覧とスキーマを取得します。

ツール機能
designelier_get_accountクレジットの合計、予約済み、利用可能な数を確認します。クレジットは消費しません。
designelier_plan_assets透明背景の、統一感のあるアイコンセットまたはスポットイラストを計画します。
designelier_plan_pack公開ウェブサイトの URL を1つ分析し、変更できない見積もり付きのパック計画を作成します。無料です。
designelier_get_packパック、計画されたモチーフ、スタイル、見積もり、プレビュー、ダウンロードを確認します。
designelier_confirm_pack正確な見積もりを確認してパックを生成します。成功するとクレジットを消費します。

認証とアカウント

動的クライアント登録を使用する OAuth 2.1 です。ブラウザーで Designelier アカウントにサインインします。スコープ:designelier:read、designelier:generate。

Designelier アカウントが必要です。生成にはアカウントのクレジットを使用します。

リンク

このリポジトリについて

このリポジトリは、ホスト型 Designelier MCP サーバーの公開拠点です。設定ガイドとレジストリのメタデータ(公式 MCP レジストリ用の server.json、Glama 用の glama.json)が含まれています。サーバーは https://mcp.designelier.com/mcp でホスト型サービスとして稼働しています。ソースコードはこのリポジトリに含まれていません。

問題を見つけた場合や質問がある場合は、イシューを作成してください。

ライセンス

このリポジトリの内容は、MIT License のもとで公開されています。

コメント

MCP は初めてですか?

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

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