CoDesign

CoDesign

エージェント時代のデザインレイヤー。

CoDesign は、コーディングエージェントに本格的なデザインエンジンを提供します。チャットから直接、印刷物、ソーシャルメディア、動画向けの 完全に編集可能な デザインを生成、編集、自動化し、印刷に対応した PDF、画像、mp4 動画などにエクスポートできます。操作するのはあなた、同じシーンを編集するのはエージェントです。仕上がりはあなたが管理できます。

MCP サーバー（および Claude Code プラグイン）として提供され、IMG.LY の CE.SDK CreativeEngine をエージェントに接続します。これは、IMG.LY の商用 SDK を支えるものと同じ、本番環境向けのエンジンです。以下のすべてのレシピでは、公開済みの npm パッケージ @imgly/codesign-mcp を stdio 経由で起動します。別途インストールする必要はなく、初回使用時に npx が取得します。

作成できるもの

エージェントに自然な言葉で依頼できます。

• あらゆるチャネル向けにサイズを変更 — 「この Instagram の投稿を、ストーリー、LinkedIn、X 向けのバージョンにしてください。」
• 画像を編集可能にする（IMG.LY への無料サインインが必要です） — 「この商品写真をレイヤーに分け、商品を自社ブランドの背景に配置して、編集可能にしてください。」
• 既存の PDF のスタイルを変更 — 「この datasheet.pdf を編集可能なデザインとしてインポートし、自社のブランドキットに合わせてスタイルを変更して、A4 版とウェブ版をエクスポートしてください。」
• CSV からまとめて生成 — 「speakers.csv の各行につき 1 枚の登壇者カードを、同じテンプレートを使って、すべて編集可能な状態で作成してください。」
• 印刷向けに準備 — 「このチラシを、塗り足し 3 mm、CMYK の A4 印刷用 PDF にしてください。」
• 既存のデザインを更新 — 「昨年の flyer.psd を開き、日付と会場を差し替えて、再度エクスポートしてください。」
• デザインをローカライズ — 「このポスターをドイツ語に翻訳し、レイアウトからはみ出さないように調整してください。」
• 短い動画を作成（生成する音楽とナレーションには IMG.LY への無料サインインが必要です） — 「このポスターを 15 秒の縦型リールにしてください。見出しをアニメーションで表示し、3 枚の商品画像を切り替え、BGM とナレーションを入れてください。」
• ローンチ用グラフィックを作成 — 「ロゴとブランドカラーを使って、X、LinkedIn、OG 画像の各サイズで v2.0 のローンチ用グラフィックを作成してください。」
• App Store 用グラフィックを作成 — 「この 5 枚の画面キャプチャから、ブランドに合ったあらゆるサイズの App Store 用スクリーンショットと Play Store 用フィーチャーグラフィックを作成してください。」

仕組み

3 つのレイヤーで構成される 1 つの製品です。

• プラグイン — エージェントが質の高いデザイン（ブランド、ローカライズ、サイズ変更、出力の品質チェック）を行う際に活用するスキル、スラッシュコマンド、組み込みのデザインハンドブックです。インストールするのはこれです。
• MCP サーバー（@imgly/codesign-mcp）— MCP 経由でデザインツール（edit、preview、export、list、history、…）を公開し、あらゆるエージェントホストからのツール呼び出しによって動作します。
• CE.SDK CreativeEngine — 実際のレイアウト、レンダリング、エクスポートを行う、IMG.LY の本格的なヘッドレスデザインエンジンです。

ライセンス

このリポジトリ（Claude Code および Codex のプラグイン、マーケットプレイスマニフェスト、スキル、ドキュメント）は、MIT License の下で公開されています。npm パッケージ @imgly/codesign-mcp として配布される CoDesign エンジン自体は、IMG.LY のプロプライエタリソフトウェアで、ローカルで無料で使用できます。利用条件の全文は、パッケージ内の LICENSE.md に含まれています。

本格的なエンジンが重要な理由

他のデザインエージェントはすべてウェブキャンバス上に描画します。簡単な修正には便利ですが、難しい課題では破綻します。CoDesign は、印刷、動画、ソーシャルメディアの分野で長年にわたり磨かれてきた、本番環境向けエンジンを操作します。

• 印刷と色の忠実な再現 — RGB の画面出力だけでなく、CMYK、塗り足し、ICC プロファイルに対応します。
• 決定的な出力 — ブラウザーや設定に左右されず、どこでも同一にレンダリングされます。
• ネイティブのパフォーマンス — 専用に設計されたエンジンにより、大規模な処理や重いアセットを扱う場合も高速です。
• 幅広い互換性 — InDesign、PSD、PowerPoint（PPTX）、PDF、Lottie をインポートし、印刷対応 PDF、画像、動画、HTML をエクスポートします。

要件と既知の制限事項

最初にお読みください — 以下の失敗は通知されずに発生します。

• Node.js ≥ 22.15 が必要です。Node.js は付属していません。 サーバーはお使いのシステムの Node で実行されます。Node がインストールされていない場合（または Node < 22.15 の場合）、ホストは明確な理由を示さずにサーバーを失敗として報告します。通常は local: 0 および MCP error -32000 と表示されます。まず Node 22.15 以降をインストールしてください：https://nodejs.org。
• @0.5.1 に固定してください — すべてのレシピで意図的にこのバージョンを指定しています。 プラグインには、このバージョンをもとに構築されたスキルが含まれています。バージョン指定のない npx や dist-tag 付きの npx を使うと、別のサーバーと組み合わせられてしまいます。リリースごとにこのリポジトリは新しいバージョン指定で再公開されます。先に進むには、プラグイン（またはレシピ）を更新してください。
• Windows は、npx を直接使う場合はサポートされていません。 npx を直接起動するホストでは spawn npx ENOENT が発生します (anthropics/claude-code#58510)。 現時点では WSL を使用してください。Windows ネイティブのランチャーも近日公開予定です。

インストール

Claude Code

マーケットプレイスからプラグインをインストールします：

claude plugin marketplace add imgly/codesign
claude plugin install codesign@imgly-codesign

または、プラグインを使わずに MCP サーバーを直接追加します：

claude mcp add codesign -- npx -y @imgly/[email protected] stdio

Codex

マーケットプレイスからプラグインをインストールします：

codex plugin marketplace add imgly/codesign
codex plugin add codesign@imgly-codesign

または、プラグインを使わずに MCP サーバーを直接追加します：

codex mcp add codesign -- npx -y @imgly/[email protected] stdio

Antigravity CLI

リポジトリをクローンし、プラグインのフォルダーをインストールします：

git clone https://github.com/imgly/codesign
agy plugin install ./codesign/plugins/codesign

または、プラグインを使わずに MCP サーバーを直接追加します：

agy mcp add codesign -- npx -y @imgly/[email protected] stdio

Gemini CLI

Gemini CLI は現在、Gemini Code Assist Standard／Enterprise および API キーを使うアカウントに対応しています。個人の Google アカウントでは、上記の Antigravity CLI を使用してください。

公開リポジトリから直接拡張機能としてインストールします：

gemini extensions install https://github.com/imgly/codesign

または、~/.gemini/settings.json にサーバーを手動で追加します：

{
  "mcpServers": {
    "codesign": {
      "command": "npx",
      "args": [
        "-y",
        "@imgly/[email protected]",
        "stdio"
      ]
    }
  }
}

その他の MCP ホスト

その他のホストはすべて同じ stdio サーバーを起動します。異なるのは設定ファイルとトップレベルのキーだけです。次のブロックをホストの MCP 設定に追加してください：

{
  "mcpServers": {
    "codesign": {
      "command": "npx",
      "args": [
        "-y",
        "@imgly/[email protected]",
        "stdio"
      ]
    }
  }
}

ホスト	設定ファイル	備考
Cursor	.cursor/mcp.json	そのまま使用
Windsurf	~/.codeium/windsurf/mcp_config.json	そのまま使用
VS Code	.vscode/mcp.json	mcpServers の代わりにキー servers を使用
Zed	settings.json	下記の context_servers 形式を使用

VS Code（servers キー）：

{
  "servers": {
    "codesign": {
      "command": "npx",
      "args": [
        "-y",
        "@imgly/[email protected]",
        "stdio"
      ]
    }
  }
}

Zed（context_servers）：

{
  "context_servers": {
    "codesign": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "@imgly/[email protected]",
          "stdio"
        ]
      }
    }
  }
}

お使いのマシンの先へ

CoDesign は現在、お使いのマシンで無料で実行できます。常時稼働のホスティング、自社インフラ（VPC／オンプレミス）、またはキャンバス上で動作するデザインエージェントを完全に組み込んだ環境が必要になったときも、設定を変えるだけで同じ構成要素を発展させられます。ベンダーロックインはありません。お問い合わせはこちら：[email protected]。

サポート

ご質問や問題については、[email protected] までお問い合わせください。この配布物は IMG.LY のソースリポジトリから生成されています。