Draw Things MCP Cursor

🚀 绘制事物 MCP

Draw Things APIをモデルコンテキストプロトコル（MCP）を使用してCursorに統合します。

🚀 クイックスタート

このツールを使用する前に、以下の前提条件を満たしていることを確認してください。

✨ 主な機能

• Draw Things APIをCursorに統合することができます。
• コマンドラインインターフェース（CLI）を通じて画像生成を行うことができます。
• MCPツールとしてCursor内で使用することができます。

📦 インストール

グローバルインストール

# グローバルにインストール
npm install -g draw-things-mcp-cursor

# または直接実行
npx draw-things-mcp-cursor

💻 使用例

基本的な使用法

Cursorへの統合

Cursorでこのツールを設定するには、cursor-setup.mdの詳細ガイドを参照してください。 以下はクイックセットアップの手順です。

1. ~/.cursor/claude_desktop_config.jsonを作成または編集します。

{
  "mcpServers": {
    "draw-things": {
      "command": "draw-things-mcp-cursor",
      "args": []
    }
  }
}

2. Cursorを再起動します。
3. Cursor内でgenerateImage({"prompt": "a cute cat"})を使用します。

CLIを使用した画像生成

echo '{"prompt": "your prompt here"}' | npx draw-things-mcp-cursor

高度な使用法

CLIでの詳細なパラメータ指定

echo '{
  "prompt": "a happy smiling dog, professional photography",
  "negative_prompt": "ugly, deformed, blurry",
  "width": 360,
  "height": 360,
  "steps": 4
}' | npx draw-things-mcp-cursor

MCPツールとしての使用

Cursor内でMCPツールとして使用する場合、ツールはgenerateImageとして登録され、以下のパラメータを持ちます。

{
  prompt: string;       // 必須 - 画像生成のためのプロンプトテキスト
  negative_prompt?: string;  // オプション - ネガティブプロンプト
  width?: number;       // オプション - 画像の幅（デフォルト：360）
  height?: number;      // オプション - 画像の高さ（デフォルト：360）
  model?: string;       // オプション - モデル名
  steps?: number;       // オプション - ステップ数（デフォルト：8）
}

生成された画像はimagesディレクトリに<sanitized_prompt>_<timestamp>.pngという名前で保存されます。

📚 ドキュメント

応答形式

成功時

{
  "type": "success",
  "content": [{
    "type": "image",
    "data": "base64エンコードされた画像データ",
    "mimeType": "image/png"
  }],
  "metadata": {
    "parameters": { ... }
  }
}

エラー時

{
  "type": "error",
  "error": "エラーメッセージ",
  "code": 500
}

トラブルシューティング

問題が発生した場合：

• Draw Things APIがhttp://127.0.0.1:7888で動作していることを確認してください。
• Cursorを使用している場合は、~/.cursorディレクトリ内のログファイルを確認してください。
• Node.jsのバージョンが>=14.0.0であることを確認してください。

🔧 技術詳細

パラメータの詳細

📄 ライセンス

MIT