ต้นแบบ · รุ่นทดลอง: มีทุก server ในทะเบียนทางการ อัปเดตทุก 30 นาที เข้าสู่ระบบด้วย Google เพื่อเขียนรีวิวได้แล้วต้นแบบ · อัปเดตทุก 30 นาที
PopNx MCPที่รวม MCP สำหรับคนใช้ AI · วิธีติดตั้งภาษาไทยทุกตัว

Distribea MCP

โดย Distribeaรุ่น 2.1.0i★ 1iบนเครื่องหรือคลาวด์
ชื่อใน registryio.github.Distribea/distribea-mcp

วิธีติดตั้ง

ใช้ทำอะไรได้

ยังไม่มีคำอธิบายภาษาไทย ดูข้อเท็จจริงด้านล่าง หรือเปิดคำอธิบายต้นฉบับจากผู้ทำ

  • ต่อแบบ คลาวด์หรือติดตั้งในเครื่อง
  • บัญชีหรือคีย์ คลาวด์: ต้องมี Authorization · ในเครื่อง: ต้องมี DISTRIBEA_MCP_KEY
  • หมวด ออกแบบ ภาพ และเสียง
คำอธิบายต้นฉบับจากผู้ทำ (อังกฤษ)
Generate images, video, music and voice from your CLI or AI agent. On-brand AI media toolkit.

ติดตั้ง

เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง

ผลตรวจผ่าน 5/5 · สิ่งที่คุณถามผ่านเซิร์ฟเวอร์ของผู้ทำ (distribea.com) · ✓ ตรวจคำสั่งแล้ว 13 พ.ย. 2569

ขั้นแรก: คุณใช้ AI ตัวไหน

เลือกแอปที่คุณใช้ ขั้นตอนจะขึ้นด้านล่าง

ต่อกับ Claude ได้ · ประมาณ 5 นาที

ต้องมีคีย์ของ Distribea MCP (สร้างที่เว็บของผู้ทำ) · ตั้งครั้งเดียวที่ claude.ai หรือแอปบนคอม แล้วใช้ในแชตได้ · บัญชีฟรีเพิ่มได้ 1 ตัว · แผน Team/Enterprise ให้เจ้าของ (Owner) เป็นคนเพิ่ม

  1. สมัครและสร้างคีย์ของ Distribea MCP

    เปิดเว็บของผู้ทำ สมัครบัญชีแล้วสร้างคีย์ (API key) เก็บไว้ ใช้ในขั้นถัดไป ราคาและแผนฟรีดูที่เว็บของผู้ทำ

    วิธีขอคีย์อยู่ใน README ของผู้ทำด้านล่าง

  2. เปิดหน้า Connectors ของ Claude

    CustomizeConnectors

    CustomizeConnectors1Add2https://…3Add4
  3. กด “Add” → “Custom” → “Web” แล้วกรอก 2 ช่องนี้

    คัดลอกจากที่นี่ไปวางในช่องชื่อเดียวกันบนหน้าจอของ Claude แล้วกด Continue

    Name · ชื่อDistribea MCP
    Remote MCP server URL · ที่อยู่https://distribea.com/api/mcp/remote

    ที่หัวข้อ Request headers เพิ่มชื่อและค่านี้

    ชื่อ headerAuthorization
    ค่าBearer <วางคีย์ของคุณตรงนี้>

    วางคีย์ในช่องของแอปเท่านั้น อย่าวางในแชตหรือส่งให้ใคร

    กด Continue ผ่านหน้าตรวจการล็อกอินที่ Claude ตรวจเจอ · หัวข้อ Authentication เลือกตามที่ผู้ทำบอก (Sign in now, Sign in when needed หรือ No sign in) แล้วกด Add

  4. เปิดใช้ในแชต

    +ConnectorsDistribea MCP

  5. ลองเลย

    ใช้ Distribea MCP บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง

    ✓ ถ้า Claude บอกว่ากำลังใช้ Distribea MCP หรือมีชื่อเครื่องมือของ Distribea MCP ขึ้นในคำตอบ แปลว่าต่อสำเร็จ

ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป

ChatGPT ยังต่อ Distribea MCP ไม่ได้

Distribea MCP ต้องใส่คีย์ส่วนตัวตอนต่อ แต่หน้าช่วยเหลือของ OpenAI พูดถึงแค่การเข้าสู่ระบบแบบ OAuth ยังไม่มีวิธีใส่คีย์ที่เราตรวจได้

คุณทำแบบนี้แทนได้

ก · ใช้แอปที่ต่อ Distribea MCP ได้

  • ต้องมีคีย์ของ Distribea MCP (สร้างที่เว็บของผู้ทำ) · ตั้งครั้งเดียวที่ claude.ai หรือแอปบนคอม แล้วใช้ในแชตได้ · บัญชีฟรีเพิ่มได้ 1 ตัว · แผน Team/Enterprise ให้เจ้าของ (Owner) เป็นคนเพิ่ม
  • ต้องมีคีย์ของ Distribea MCP (สร้างที่เว็บของผู้ทำ)
  • ต้องมีคีย์ของ Distribea MCP (สร้างที่เว็บของผู้ทำ)
  • ต้องมีคีย์ของ Distribea MCP (สร้างที่เว็บของผู้ทำ)

ข · ตัวอื่นในหมวด ออกแบบ ภาพ และเสียง ที่ต่อกับ ChatGPT ได้

เลือกจากตัวที่ใช้มากในหมวดเดียวกัน เฉพาะตัวที่ต่อด้วยที่อยู่ได้โดยไม่ต้องใส่คีย์

ต่อกับ Claude Code ได้ · ประมาณ 5 นาที

ต้องมีคีย์ของ Distribea MCP (สร้างที่เว็บของผู้ทำ)

  1. สมัครและสร้างคีย์ของ Distribea MCP

    เปิดเว็บของผู้ทำ สมัครบัญชีแล้วสร้างคีย์ (API key) เก็บไว้ ใช้ในขั้นถัดไป ราคาและแผนฟรีดูที่เว็บของผู้ทำ

    วิธีขอคีย์อยู่ใน README ของผู้ทำด้านล่าง

  2. เปิด Terminal

    Mac: กด Command+Space พิมพ์ Terminal · Windows: เปิด PowerShell

  3. วางคำสั่งนี้แล้วกด Enter

    claude mcp add --transport http --scope user distribea https://distribea.com/api/mcp/remote --header 'Authorization: Bearer ใส่ค่าของคุณ'

    แก้ “ใส่ค่าของคุณ” เป็นคีย์ของคุณก่อนกด Enter

    วางคีย์ในช่องของแอปเท่านั้น อย่าวางในแชตหรือส่งให้ใคร

  4. พิมพ์ /mcp ใน Claude Code

    ต้องเห็น Distribea MCP ในรายการและขึ้นว่าเชื่อมต่อแล้ว

  5. ลองเลย

    ใช้ Distribea MCP บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง

    ✓ ถ้า Claude Code บอกว่ากำลังใช้ Distribea MCP หรือมีชื่อเครื่องมือของ Distribea MCP ขึ้นในคำตอบ แปลว่าต่อสำเร็จ

ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป

ต่อกับ Cursor ได้ · ประมาณ 5 นาที

ต้องมีคีย์ของ Distribea MCP (สร้างที่เว็บของผู้ทำ)

  1. สมัครและสร้างคีย์ของ Distribea MCP

    เปิดเว็บของผู้ทำ สมัครบัญชีแล้วสร้างคีย์ (API key) เก็บไว้ ใช้ในขั้นถัดไป ราคาและแผนฟรีดูที่เว็บของผู้ทำ

    วิธีขอคีย์อยู่ใน README ของผู้ทำด้านล่าง

  2. กดปุ่มนี้เพื่อเปิด Cursor

    เปิดใน Cursor

    Cursor จะถามยืนยันการติดตั้ง ให้กด Install

  3. ใส่คีย์ในช่องที่ว่างไว้

    ในค่าตั้งของ Distribea MCP ช่อง Authorization ยังว่าง ใส่คีย์ของคุณแล้วบันทึก

    วางคีย์ในช่องของแอปเท่านั้น อย่าวางในแชตหรือส่งให้ใคร

  4. เปิดแชตของ AI ใน Cursor โหมด Agent

  5. ลองเลย

    ใช้ Distribea MCP บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง

    ✓ ถ้า Cursor บอกว่ากำลังใช้ Distribea MCP หรือมีชื่อเครื่องมือของ Distribea MCP ขึ้นในคำตอบ แปลว่าต่อสำเร็จ

ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Cursor เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป

ต่อกับ VS Code ได้ · ประมาณ 5 นาที

ต้องมีคีย์ของ Distribea MCP (สร้างที่เว็บของผู้ทำ)

  1. สมัครและสร้างคีย์ของ Distribea MCP

    เปิดเว็บของผู้ทำ สมัครบัญชีแล้วสร้างคีย์ (API key) เก็บไว้ ใช้ในขั้นถัดไป ราคาและแผนฟรีดูที่เว็บของผู้ทำ

    วิธีขอคีย์อยู่ใน README ของผู้ทำด้านล่าง

  2. กดปุ่มนี้เพื่อเปิด VS Code

    เปิดใน VS Code

    VS Code จะถามยืนยันการติดตั้ง ให้กด Install

  3. ใส่คีย์ในช่องที่ว่างไว้

    ในค่าตั้งของ Distribea MCP ช่อง Authorization ยังว่าง ใส่คีย์ของคุณแล้วบันทึก

    วางคีย์ในช่องของแอปเท่านั้น อย่าวางในแชตหรือส่งให้ใคร

  4. เปิดแชตของ AI ใน VS Code โหมด Agent

  5. ลองเลย

    ใช้ Distribea MCP บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง

    ✓ ถ้า VS Code บอกว่ากำลังใช้ Distribea MCP หรือมีชื่อเครื่องมือของ Distribea MCP ขึ้นในคำตอบ แปลว่าต่อสำเร็จ

ชื่อเมนูตรวจกับหน้าช่วยเหลือของ VS Code เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป

โปรแกรมอื่นที่ใช้ MCP ได้ เช่น Windsurf, Zed หรือ Gemini CLI มีวิธีเพิ่มต่างกัน ดูวิธีของแต่ละตัวในหน้ารวมโปรแกรม

ดูโปรแกรมที่ใช้ MCP ทั้งหมด →

ที่อยู่สำหรับโปรแกรมที่ต่อผ่านเว็บ

ที่อยู่https://distribea.com/api/mcp/remote

ค่าตั้งแบบไฟล์ JSON อยู่ในหัวข้อ “สำหรับคนเขียนโค้ด” ด้านล่าง

ติดตรงไหน? ถามคนที่ใช้ Distribea MCP อยู่💬 พูดคุย →
สำหรับคนเขียนโค้ด: คำสั่ง Terminal และค่าตั้ง JSON

ต่อผ่านเว็บ

Claude Code

claude mcp add --transport http --scope user distribea https://distribea.com/api/mcp/remote --header 'Authorization: Bearer ใส่ค่าของคุณ'

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "distribea": {
      "url": "https://distribea.com/api/mcp/remote",
      "headers": {
        "Authorization": "Bearer ใส่ค่าของคุณ"
      }
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "distribea": {
      "type": "http",
      "url": "https://distribea.com/api/mcp/remote",
      "headers": {
        "Authorization": "Bearer ใส่ค่าของคุณ"
      }
    }
  }
}

ติดตั้งในเครื่อง

Claude Code

claude mcp add --scope user distribea --env DISTRIBEA_MCP_KEY='ใส่ค่าของคุณ' -- npx -y distribea-mcp

Claude Desktop (claude_desktop_config.json)

{
  "mcpServers": {
    "distribea": {
      "command": "npx",
      "args": [
        "-y",
        "distribea-mcp"
      ],
      "env": {
        "DISTRIBEA_MCP_KEY": "ใส่ค่าของคุณ"
      }
    }
  }
}

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "distribea": {
      "command": "npx",
      "args": [
        "-y",
        "distribea-mcp"
      ],
      "env": {
        "DISTRIBEA_MCP_KEY": "ใส่ค่าของคุณ"
      }
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "distribea": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "distribea-mcp"
      ],
      "env": {
        "DISTRIBEA_MCP_KEY": "ใส่ค่าของคุณ"
      }
    }
  }
}

ค่าที่ต้องใส่เอง

  • DISTRIBEA_MCP_KEY ความลับ จำเป็น env
    Your Distribea MCP access key (dmcp_…). Get it from your account page at https://distribea.com/account/mcp.
  • Authorization ความลับ จำเป็น HTTP header
    Bearer token — your Distribea MCP access key (dmcp_…) from https://distribea.com/account/mcp. Used by hosted site builders (Lovable, Bolt, v0…) that call the engine over HTTP.

ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README

สรุป

ดาวน์โหลดต่อสัปดาห์i
69/สัปดาห์
การเชื่อมต่อ
บนเครื่องหรือคลาวด์
รุ่นล่าสุดi
2.1.0
ส่งเข้า registryi
25 มิ.ย. 2569
แก้โค้ดล่าสุดi
18 ต.ค. 2569
ผู้ทำ
Distribea
แพ็กเกจ
npm: distribea-mcp
สถานะใน registry
ใช้งานอยู่

ใช้กับโปรแกรมไหนได้

ดูจากแบบการต่อของ server ตัวนี้ และเอกสารของผู้ทำโปรแกรมแต่ละตัว ตรวจเมื่อ 10 พ.ย. 2569

ต่อผ่านคลาวด์ได้ใน

ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast

ติดตั้งบนเครื่องได้ใน

ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast

ดูโปรแกรมทั้งหมดพร้อมข้อดีข้อเสีย →

คู่มือที่เกี่ยวข้อง

ทำอะไรได้บ้าง

server ให้ล็อกอินก่อนจึงจะแสดงรายการเครื่องมือ

ผลตรวจเบื้องต้นi

เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 13 พ.ย. 2569

  • ✓ ผ่าน

    ตัวตนผู้ทำตรงกับ repo

    ชื่อใน registry ยืนยันด้วยบัญชี GitHub Distribea ซึ่งเป็นเจ้าของ repo

  • ✓ ผ่าน

    ยังมีคนดูแล

    มีการแก้โค้ดล่าสุด 26 วันที่ผ่านมา

  • ✓ ผ่าน

    มีสัญญาอนุญาต (license)

    ใช้ MIT

  • ✓ ผ่าน

    endpoint ตอบ

    ตอบกลับใน 189 ms (HTTP 401)

  • ✓ ผ่าน

    ล็อกอินแบบ OAuth

    ประกาศวิธีล็อกอินแบบ OAuth ให้โปรแกรม AI พาไปล็อกอินเอง

  • … ยังไม่ตรวจ

    คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง

    ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint

พูดคุย

ถาม แชร์เคล็ดลับ หรือแจ้งว่าใช้ไม่ได้ เรียงตามที่คนกดว่ามีประโยชน์

ยังไม่มีใครโพสต์ ถามหรือแชร์เป็นคนแรกได้เลย

ข้อความในส่วนนี้เขียนโดยผู้ใช้ ไม่ใช่ทีม PopNx

เข้าสู่ระบบด้วย Google เพื่อโพสต์

รีวิวจากผู้ใช้

ยังไม่มีรีวิว

เข้าสู่ระบบด้วย Google เพื่อเขียนรีวิว

เทียบกับตัวอื่นในหมวด ออกแบบ ภาพ และเสียงi

  • ดาวมากกว่า 78% ของอีก 3014 ตัวในหมวดนี้
  • ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 11% ของอีก 3014 ตัวในหมวดนี้
  • ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 100% ของอีก 3014 ตัวในหมวดนี้

เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo

คำถามที่พบบ่อย

Distribea MCP ปลอดภัยไหม?

จากการตรวจเบื้องต้นของเรา ผ่าน 5 จาก 5 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น

ต้องใช้กุญแจหรือรหัสอะไรบ้าง?

ต้องใส่ค่าเหล่านี้: Authorization, DISTRIBEA_MCP_KEY

ตัวนี้รันบนเครื่องหรือบนคลาวด์?

ได้ทั้งสองแบบ จะลงในเครื่องหรือต่อผ่านคลาวด์ก็ได้

ยังมีคนดูแลอยู่ไหม?

repo บน GitHub มีการแก้โค้ดล่าสุด 26 วันที่ผ่านมา และส่งรุ่นล่าสุด (2.1.0) เข้า registry 5 เดือนที่ผ่านมา

ใช้กับโปรแกรมไหนได้บ้าง?

โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT บนเว็บ (แบบเต็มในแผน Business ขึ้นไป · Pro แบบอ่านอย่างเดียว)

มีตัวไหนใช้แทนได้บ้าง?

ในหมวดเดียวกันมี Figma Context MCP, AutoClip, Next AI Draw.io

ตัวอื่นในหมวดเดียวกัน

server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว

อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi

Figma Context MCP

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

โดย GLipsใช้กันมาก↓ 152.1K/สัปดาห์★ 16.2Kอัปเดต 5 เดือนที่ผ่านมา

รันบนเครื่อง

AutoClip

Clip long videos into short clips with covers and captions. Local CLI and MCP.

โดย zhouxiaokaใช้กันมาก↓ 205/สัปดาห์★ 10.4Kอัปเดต 16 วันที่ผ่านมา

รันบนเครื่อง

Next AI Draw.io

draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand

โดย DayuanJiangใช้กันมาก↓ 21.7K/สัปดาห์★ 36.9K ดาวรวมทั้งรีโปอัปเดต วันนี้

รันบนเครื่อง

README จากผู้ทำ

เปิดอ่าน README

ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ

Distribea

Generate images, video, music & voice — right inside your terminal and your AI agent.

CLI · MCP server · Claude Skill — works with Claude Code · Cursor · Windsurf · Replit · Copilot

[Distribea](https://distribea.com) remakes any video with you in it ([Motion Control](https://distribea.com/ai/motion-control)) and gives a royalty-free library of music, sound effects, footage and images. This package is its on-brand AI media toolkit for builders: it generates images, video, music and voice from plain-language prompts and ships them production-ready — optimised WebP with SEO alt text, downloaded for you or patched straight into your code. One connector, four media types, reachable three ways: a CLI in your terminal, an MCP server your AI coding agent calls while it builds, and a Claude Skill. Define your brand once; a built-in AI art director writes every prompt — you say what you want, never how to render it. Billed in credits at the regular site price; the connector holds no API keys and no secrets.

npm install -g distribea-mcp

distribea login # opens your browser — no key to paste

distribea image "founder portrait, soft daylight" --portrait distribea video "slow waves rolling at golden hour" --landscape distribea music "warm lo-fi beat, mellow, 90 bpm" distribea voice "Welcome to our store." --lang en

Each file lands in a tidy folder, ready to use. Add --dry-run to any command to see the exact credit price first (0 credits, generates nothing).


Contents

  • What is Distribea
  • What you can make
  • When to use Distribea
  • Why Distribea
  • Install
  • Quickstart
  • Examples & recipes
  • Dress a whole page
  • Recurring faces & products
  • Models
  • Command reference
  • Flags
  • MCP tools
  • How it works
  • Billing & cost
  • Privacy & security
  • FAQ
  • Troubleshooting
  • Updating
  • Support
  • License

What is Distribea

Most AI media tools hand you a raw model and a blank prompt box, in a browser tab, one image at a time. Distribea is the layer above that — and it lives where you build.

  • One connector, four media types. Image, video, music *and* voice through a single install. Most tools stop at images.
  • Three ways in, one engine. Run it from your shell (distribea …), drop it into your AI agent as an MCP server (Claude Code, Cursor, Windsurf, Replit, Copilot), or add the Claude Skill so the model reaches for it on its own.
  • On-brand by default. Lock your brand once and every asset matches it. The art director turns a one-line subject into a full prompt — you never write the "how".
  • Production-ready. Images come out as optimised WebP with proper SEO alt text, downloaded for you or patched straight into your page.

The heavy lifting — art direction, generation, billing — runs on the hosted Distribea engine. This package is only the local connector: it scans and patches your files, holds no API keys and no secrets, and bills generation in credits on your Distribea plan at the regular site price.

What you can make

MediaCommandWhat you get
🖼️ Imagedistribea image " "One on-brand image (png/jpg), any aspect ratio. Portraits, heroes, product shots, illustrations, review avatars.
🎬 Videodistribea video " "One short clip (mp4) — text-to-video, or image-to-video from a reference photo.
🎵 Musicdistribea music " "One royalty-ready track (mp3) — intros, backing music, ad beds.
🎙️ Voicedistribea voice " "One voice-over (mp3), text-to-speech in many languages.
📄 A whole pagedistribea page [path]Every placeholder on a page (or the whole project) filled on-brand, in parallel, patched into your code.
✍️ Blog coverdistribea blog " "A 16:9 cover image that illustrates the article's actual subject, in your style, + alt text.

When to use Distribea

Reach for Distribea whenever a project needs imagery or audio and you'd otherwise ship stock photos, gray placeholders, CSS-gradient-only sections, or a raw pasted photo. Typical jobs:

  • You're building a landing page and need real, on-brand images — not stock.
  • You need e-commerce product shots that stay consistent across the catalog.
  • You want a hero image, team portraits, or testimonial avatars with believable faces.
  • You're writing a blog post and need a cover image matched to the article and your style.
  • You need a short video clip (text-to-video or image-to-video) for a hero or ad.
  • You need background music for an intro, demo, or ad.
  • You need a voice-over for a demo, walkthrough, or video narration.
  • You have a site full of cheap or off-brand stock photos and want to rebrand them in place.
  • You're vibe coding with an AI agent and want it to fill in media on its own as it builds.

Why Distribea

Raw-model CLI / MCPGeneric image MCPDistribea
Image · video · music · voice⚠️ varies❌ image only✅ all four, one connector
Lives in your terminal & your agent⚠️ one of them⚠️ MCP only✅ CLI · MCP · Skill
Writes the art direction for you❌ you prompt each model⚠️ prompt by prompt✅ built-in art director
Locks your brand once❌⚠️ per prompt✅ applied everywhere
Same face across scenes❌❌✅ recurring characters
Fills a whole page in one call❌❌✅ distribea page
Production-ready (WebP + SEO alt)❌❌✅ automatic
No keys/secrets in the connector⚠️ holds your model keys⚠️ varies✅ browser sign-in, nothing to paste

In one line: other tools give you a model and a prompt box; Distribea gives you finished, on-brand assets — in the four media types you actually need — without leaving the place you build.

Install

A Distribea plan powers generation (free/trial accounts get a couple of gift images to try it). The connector itself is free and stores no secrets.

CLI (recommended)
npm install -g distribea-mcp

distribea login # opens your browser, click Authorize — no key to paste

distribea whoami confirms you're connected.

MCP server

Drop this into the .mcp.json at the root of your project:

{

"mcpServers": { "distribea-mcp": { "command": "npx", "args": ["-y", "distribea-mcp@latest"], "env": { "DISTRIBEA_MCP_KEY": "dmcp_…" } } } }

Grab your dmcp_… key at distribea.com/account/mcp. If you've already run distribea login, the server reuses that session and you can omit the env block entirely.

ToolWhere to add it
Claude Codeclaude mcp add distribea-mcp -e DISTRIBEA_MCP_KEY=dmcp_… -- npx -y distribea-mcp@latest
CursorSettings → MCP → Add, or paste the block into ~/.cursor/mcp.json
WindsurfPaste into ~/.codeium/windsurf/mcp_config.json
VS Code (Copilot)Paste into .vscode/mcp.json
ReplitAdd as a custom MCP server with the command above
Claude Skill

The package ships SKILL.md. Add it once and your agent reaches for Distribea on its own whenever a page needs imagery or audio.

npx skills add Distribea/distribea-mcp

Quickstart

npm install -g distribea-mcp

distribea login distribea image "a quiet beach at sunrise, warm light" --landscape

The file lands in a tidy folder, ready to use. That's it — no model to pick, no prompt engineering: the style is inferred and the art director writes the prompt. From here, swap image for video, music, or voice, or run distribea page to dress a whole page at once.

Examples & recipes

Every command takes a plain-language subject. Add --dry-run to preview the price first (0 credits, generates nothing).

On-brand image
distribea image "founder portrait, soft daylight, neutral background" --portrait
Standalone video (text-to-video)
distribea video "slow waves rolling onto a tropical beach" --landscape
Background music
distribea music "warm lo-fi beat, mellow, 90 bpm" --out ./assets
Voice-over (text-to-speech)
distribea voice "Welcome to our store — let's get you started." --lang en
Reference photo → image or video (image-to-image / image-to-video)

Turn a real photo into a new on-brand image or animate it. Pass --ref once, or several times for multiple references — automatically capped to what the chosen model accepts.

distribea image "the same product on a marble kitchen counter" --ref ./bottle.jpg

distribea video "gentle push-in on the cliff at golden hour" --ref ./cliff.jpg --portrait

Blog cover

Reads the article and illustrates its specific subject, matched to your locked style, as a 16:9 WebP + alt text.

distribea blog "How we cut our build times in half — full article body here…"
Pick a specific model

Defaults are strong; only name a model when you want a particular one.

distribea image "minimalist blue logo on white" --model nano-banana-pro --dry-run
Browse the live catalog (free)
distribea models image      # or: video | music | voice

Dress a whole page

The page workflow is the superpower. Build your page with markers wherever an image goes, then one call fills every slot with imagery that matches your brand — one consistent look across the whole site, recurring characters with the same face in every scene, believable UGC avatars for review sections.

distribea page ./index.html      # omit the path to dress the whole project

Every image lands production-ready: optimised WebP, proper SEO alt text, and patched straight into your code. No stock photos. No placeholders. No export step. The style is inferred from the page itself, so there's nothing to set up.

Already have a site with cheap or off-brand stock photos? Rebrand them in place — the first pass lists every replaceable image for free, then applies the new look without touching your code (originals kept as *.original).

Recurring faces & products

A real person (a founder, a teacher) or a product that must look identical in every shot is treated as a locked subject — the face/object stays 100% identical, only the staging changes.

distribea image "the teacher explaining at a whiteboard" --ref ./founder.jpg

Never paste a raw photo into the page: leave a placeholder and let the engine restage that exact face in your site's world. Review and testimonial avatars come out as casual smartphone selfies (UGC look); the same reviewer keeps the same face acros

ตัดมาแค่ช่วงต้น อ่านต่อใน repo