การตั้งค่า Sketchie MCP: Claude Desktop, Claude Code, แอป Claude

สิ่งที่คุณต้องการ

• คีย์ API ของ Sketchie (sk_...) สร้างหนึ่งในแอปภายใต้การตั้งค่า การเข้าถึง API รวมอยู่ในทุกแผนแบบชำระเงิน
• เซิร์ฟเวอร์ MCP ของ Sketchie ทำงานบน bun และอยู่ที่ packages/mcp/src/index.ts ในที่เก็บ Sketchie

ตัวแปรสภาพแวดล้อมสองตัวกำหนดค่าเซิร์ฟเวอร์:

Claude Code

ลงทะเบียนเซิร์ฟเวอร์ด้วยคำสั่งเดียว แทนที่พาธด้วย checkout ที่เก็บ Sketchie ของคุณ

claude mcp add sketchie \
  -e SKETCHIE_API_URL=https://sketchie.ai/api \
  -e SKETCHIE_API_KEY=sk_... \
  -- bun /path/to/sketchie/packages/mcp/src/index.ts

ยืนยันว่าลงทะเบียนแล้วด้วย claude mcp list ในเซสชัน ขอให้ Claude สร้างคำอธิบายและมันจะเรียกใช้เครื่องมือ Sketchie

Claude Desktop

เปิดไฟล์การกำหนดค่า Claude Desktop:

• macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
• Windows: %APPDATA%\Claude\claude_desktop_config.json

เพิ่ม Sketchie ภายใต้ mcpServers จากนั้นรีสตาร์ท Claude Desktop:

{
  "mcpServers": {
    "sketchie": {
      "command": "bun",
      "args": ["/path/to/sketchie/packages/mcp/src/index.ts"],
      "env": {
        "SKETCHIE_API_URL": "https://sketchie.ai/api",
        "SKETCHIE_API_KEY": "sk_..."
      }
    }
  }
}

หลังจากรีสตาร์ท เครื่องมือ Sketchie จะปรากฏในเมนูเครื่องมือ คุณสามารถเปิดการกำหนดค่าได้อย่างรวดเร็วจาก การตั้งค่า, นักพัฒนา, แก้ไขการกำหนดค่า

แอป Claude

แอปพลิเคชันเดสก์ท็อป Claude ใช้ claude_desktop_config.json เดียวกันกับด้านบน เพิ่มตัวเชื่อมต่อที่กำหนดเองจาก การตั้งค่า, ตัวเชื่อมต่อ, เพิ่มตัวเชื่อมต่อที่กำหนดเอง

เครื่องมือ