mcpField
O
One Design

One Design

ローカル
one.designメディア・デザイン04 日前に更新
リポジトリ公式サイト

One Design について

One Design は、Claude などの MCP アプリ向けに、画像、ブランド、プライバシー、PDF のローカル処理ツールを提供する MCP サーバーです。ファイルはアップロードされず、端末上で読み書きされます。

主な機能

  1. 01画像の圧縮、サイズ変更、変換
  2. 02画像のトリミングとセット作成
  3. 03メタデータ削除と画像のマスキング
  4. 04ブランド素材と QR コードの作成
  5. 05PDF の結合、分割、編集
  6. 06既成プロンプトとリソースの利用

活用シーン

  1. 01ウェブサイトやソーシャル投稿用の画像を準備
  2. 02写真共有前に位置情報メタデータを削除
  3. 03ロゴ、アイコン、ストア画像の納品物を作成
  4. 04PDF の結合やページ順の変更

MCP 対応

MCP クライアントに One Design のツール、プロンプト、リソースを提供します。大半のツールはローカルで動作し、ブラウザー上の AI ツールは one.design で開きます。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "axworks1-one-design": {
      "command": "npx",
      "args": [
        "-y",
        "one-design-mcp"
      ]
    }
  }
}
起動コマンドnpx -y one-design-mcp

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmone-design-mcp0.2.4

ツール

37

掲載時のツール一覧 · 3 日前に更新

パラメーター型必須説明
filesarrayはい画像ファイルまたはフォルダー（フォルダーの場合はその中の画像）。~ はホームフォルダーを表します。
formatenumいいえ出力形式。"original" は各ファイルの形式を維持します（HEIC、AVIF、TIFF は JPEG に、GIF は PNG に変換されます）。original | jpeg | png | webp
qualityintegerいいえサイズを指定せずに圧縮する場合の品質（30～100）。PNG では、100 未満にすると色数が減ります。
max_edgeintegerいいえ長辺が指定ピクセル数以下になるよう縮小します（拡大はしません）。
target_kbintegerいいえ許容する最大サイズ（KB）。省略すると、品質を基準に圧縮します。
output_dirstringいいえ結果を保存するフォルダー。デフォルト：各元画像と同じフォルダー。元画像は上書きしません。
allow_resizebooleanいいえ指定サイズにする場合：画質を下げても大きすぎるとき、画像を縮小してもよいですか？

詳細

Claude 向け One Design（MCP）

ブラウザーの外で実行できる、Claude および MCP に対応したあらゆるアプリ向けの one.design ツールです。 すべてお使いのコンピューター上で実行されます。ファイルはローカルで読み込まれ、保存され、アップロードされることはありません。

セットアップガイド、使用例、質問はこちら：https://one.design/mcp

ブラウザー内で AI モデルを実行する一部のツール（Cutout、Blur Faces、Magic Eraser、Brand Guidelines）は、代わりに one.design で開きます。これらのツールもお使いのデバイス上で実行されます。

ツール

最適化

ツールプラン機能
compress_imagesFree画質またはサイズ（例：500 KB 未満）を指定して画像を圧縮します
resize_imagesFree幅、高さ、両方、またはパーセントを指定し、内側に収める、塗りつぶしてトリミングする、または余白を追加します
convert_imagesFreeiPhone の HEIC 写真を含む画像を WebP、JPEG、PNG、または AVIF に変換します
fit_fillFree画像全体を指定のキャンバスに収め、ぼかしまたは色で余白を塗りつぶします
rename_filesFree{name}、{n}、{date}、{w}x{h} のパターンを使って複数のファイル名を変更します
slim_svgFree表示を確認しながら SVG のサイズを縮小します
multi_cropPro各画像から複数のトリミング画像とサイズを一度に作成します
grid_slidePro投稿順のプロフィールグリッドとカルーセルスライドを作成します
make_web_image_setProレスポンシブな幅と形式の画像に加え、srcset のコードスニペットを作成します
make_listing_photosProAmazon、Etsy、eBay、Shopify などに掲載する商品写真を枠に合わせて作成します
make_campaign_kitPro1 つのクリエイティブから、SNS、ウェブ、広告向けのサイズをそろえたセットを作成します

プライバシー

ツールプラン機能
clean_metadataFreeピクセルには手を加えず、GPS、カメラ情報、日付、XMP、IPTC、AI ラベルを削除します
redact_imagesFreeスクリーンショットの一部を塗りつぶします。単色、ぼかし、またはピクセル化を選べ、複数画像に同じ領域を適用できます
lock_linkFreeあらゆるリンクをパスワードで保護します（AES-256、サーバーには何も保存されません）

ブランド

ツールプラン機能
make_qr_codeFree（1 回に 1 つ）／Pro（複数一括）お好みの色で QR コードを PNG または SVG として作成します
watermark_imagesFree隅またはタイル状にテキストやロゴを配置します
extract_paletteFree画像の色を抽出し、色見本を作成します
make_icon_packFreeファビコン、アプリアイコン、ウェブマニフェスト、HTML を作成します
make_stampsFree郵便切手、ゴム印、シールを作成します
make_stat_shotFree（少額のクレジット付き）／Proマイルストーンを共有可能な画像として作成します
make_logo_packageProマスターロゴを納品用のフォルダー一式にまとめます
frame_screenshotsProブラウザー、スマートフォン、タブレット、またはノートパソコンの枠にスクリーンショットを配置します
make_store_screenshotsProタイトル付きの App Store および Google Play 用スクリーンショットを作成します
make_bentoFree写真、テキスト、色のタイルを使った弁当箱型のグリッドを作成します

ドキュメント

ツールプラン機能
pdf_toolkitFreePDF の結合、分割、抽出、並べ替え、回転、情報確認、メタデータ削除を行います
make_proof_sheetPro画像を一覧にした PDF コンタクトシートを作成します
make_cardsProスプレッドシートの行からブランドに合わせたカードを作成します
check_deliveryPro一括納品物を納品仕様に照らして確認し、どのツールで何を修正できるかを示します

アカウントとガイド

ツール機能
plan_and_pricing現在のプラン、Free と Pro に含まれる内容、料金を確認します
buy_proブラウザーで Pro（買い切り）の Stripe 決済画面を開きます
sign_in、verify_sign_in、sign_outメールで届くコードを使ってサインインし、ここで Pro のロックを解除します
manage_billing領収書、カード、請求書を管理します
brand_library同期済みのブランドライブラリ（色、フォント、ロゴ）を表示します（Pro）
list_toolsone.design のすべてのツール、プラン、実行方法を表示します
open_in_one_designサイトでツールを開きます（Cutout、Blur Faces、Magic Eraser、Brand Guidelines 用）

プロンプト（すぐに使える作業）

blog-images、social-post、client-delivery、portfolio-piece、shop-listing、 app-store-launch、brand-kit、share-privately、website-images、milestone-post。

リソース

one-design://guide（良い結果を得る方法）、one-design://presets/sizes（SNS、ストア、ウェブ、マーケットプレイス、印刷用サイズ）、one-design://tools（全ツールのカタログ）、one-design://plans。

プラン

  • Free：Free ツール、1バッチあたり5ファイル、QRコードは一度に1つ、Stat Shotのクレジットは少額、ブランドライブラリは利用できません。
  • Pro：すべてのツール、1バッチあたり50ファイル、QRコードは一度に50個、クレジット不要、ブランドライブラリ。 買い切り £29.99（ローンチ価格。通常価格は £79.99）。

ProはStripe（buy_pro または one.design/pricing）で購入でき、同じメールアドレスでサインイン（sign_in）すると、ここで利用可能になります。セッションは ~/.config/one-design/mcp-account.json に保存されます。

こんなふうに依頼できます

  • 「~/Desktop/shoot 内のすべてのファイルを500 KB未満に圧縮して」
  • 「投稿する前に、これらの写真から位置情報を削除して」
  • 「これらの画像とタイトルを使って、App Store用のスクリーンショットを作成して…」
  • 「このロゴをファビコン一式とロゴパッケージ一式に変換して」
  • 「これらのPDFを結合して、3ページ目を削除して」
  • 「何がFreeで、何がProですか？」／「Proを購入して」

インストール

Node.js 20以降が必要です。

ワンコマンド（インストールされているClaude Desktop、Claude Code、Codex、Cursorに追加し、変更した設定ファイルの.bakを保持します）：

npx -y one-design-mcp setup

--dry-run は変更内容を表示し、--app desktop|code|codex|cursor は対象アプリを指定します。--remove は設定を削除します。ターミナルを使えるエージェント（Claude Code、Codex、Cursor）が代わりに実行できます。「npx -y one-design-mcp setupでOne Design MCP サーバーをセットアップして」と依頼してください。

Claude Code

claude mcp add one-design -- npx -y one-design-mcp

Codex

codex mcp add one-design -- npx -y one-design-mcp

Claude Desktop：設定 → 開発者 → 設定を編集を開き、claude_desktop_config.json に次の内容を追加します：

{
  "mcpServers": {
    "one-design": { "command": "npx", "args": ["-y", "one-design-mcp"] }
  }
}

このリポジトリについて

このリポジトリには、One Design MCPのドキュメントとMCP Registryへの登録情報（server.json）が含まれています。サーバー本体はnpmでone-design-mcpとして公開されています。npx -y one-design-mcpを実行すると、常に最新バージョンが起動します。

© One Design. All rights reserved.

コメント

Markdown 対応

MCP は初めてですか？

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

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