MCP server ที่ควบคุมโปรแกรมแก้ไข SVG ของจริง

ไม่ใช่แค่เครื่องสร้างไฟล์อีกตัว

MCP server จำนวนมากเขียนไฟล์ SVG ได้ แต่นั่นคือการเรียกเครื่องมือครั้งเดียวโดยไม่มี feedback: โมเดลเดาพิกัดเอาเอง แล้วคุณต้องไปเปิดผลลัพธ์ที่อื่นเพื่อดูว่าพลาดตรงไหน server ของ Rayzia ให้ agent มีลูปสังเกต-แล้ว-ลงมือครบวงจรแทน get_state อ่านฉากทั้งหมด: สิ่งที่เลือกอยู่ id และ bounding box ของทุกออบเจ็กต์ สี เครื่องมือที่ใช้งานอยู่ และมุมมองปัจจุบัน get_render คืนภาพ PNG ของแคนวาส เพื่อให้โมเดลมองเห็นงานของตัวเอง

เพราะทุกการกระทำวิ่งผ่านเอนจินจริง agent จึงไม่ได้ถูกจำกัดแค่การพ่น markup ออกมา มันวางตัวอักษรบนเส้นพาธ ใส่ envelope warp เทเกรเดียนต์ และรัน live path effect ชุดเดียวกับที่คุณใช้เองได้ แต่ละ semantic verb คือหนึ่งขั้นของ undo และชุดคำสั่งหลายขั้นจะรวมเป็น undo เดียว ดังนั้นถ้าพลาด แค่กด Ctrl+Z ทีเดียวก็กลับมา

ลูปนี้ยังทำงานย้อนทางได้ด้วย พาเนล AI Assistant ของโปรแกรมแก้ไขมี provider แบบ Claude Code (local): ข้อความที่คุณพิมพ์ในนั้นจะส่งถึง agent ผ่าน wait_for_prompt และพาเนลจะบรรยายแต่ละการทำงานแบบสดขณะที่ agent ทำงาน เมื่อเสร็จแล้วมันจะส่งคำตอบสั้น ๆ กลับมาด้วย reply_to_user.

เครื่องมือทั้งหมด

เครื่องมือเก้าตัวครอบคลุมทั้งลูป get_catalog คือแผนที่: มันคืน semantic verb พร้อม schema ของพารามิเตอร์ คำสั่งดิบ 533 รายการ เอฟเฟกต์ 69 ตัว และเครื่องมือ 57 ตัว ทำให้ agent ค้นพบว่าโปรแกรมแก้ไขทำอะไรได้จริงแทนที่จะมโน API ขึ้นมาเอง

เริ่มเร็ว: เชื่อมต่อ Claude Code ในห้าขั้นตอน

1. เปิดพาเนล AI ในโปรแกรมแก้ไขที่ rayzia.com/vector/ เปิดพาเนล AI Assistant แล้วคลิกไอคอนฟันเฟืองตั้งค่า
2. เลือก Claude Code (local) เลือกจากรายการ Providers; provider ตัวนี้ไม่ต้องใช้ API key
3. คัดลอก SKILL.md พาเนลจะสร้าง skill ที่ฝัง server ทั้งตัวไว้ พร้อม capability token ของเบราว์เซอร์คุณและพอร์ตของ bridge; คัดลอกหรือดาวน์โหลดแล้วส่งให้ Claude Code
4. ให้ Claude Code ลงทะเบียน server มันจะบันทึกไฟล์ server แล้วเพิ่มเป็น MCP server:

   claude mcp add rayzia \
     --env AI_MCP_PORT=<port> --env AI_MCP_TOKEN=<token> \
     -- node /absolute/path/to/rayzia-mcp-server.mjs

5. คลิก Connect จุดสถานะจะเปลี่ยนเป็นสีเขียว; พิมพ์ใน Claude Code โดยตรง หรือแชตจากพาเนลโดยบอก Claude Code ว่าให้ listen for Rayzia panel prompts

ตัว server เป็นไฟล์เดียว โอเพนซอร์สที่ github.com/RayziaOfficial/rayzia-mcp MCP client อื่น ๆ ใช้งานผ่านรายการ .mcp.json มาตรฐาน:

{
  "mcpServers": {
    "rayzia": {
      "command": "node",
      "args": ["/absolute/path/to/rayzia-mcp-server.mjs"],
      "env": { "AI_MCP_PORT": "8765", "AI_MCP_TOKEN": "<token>" }
    }
  }
}

ออกแบบมาให้ทำงานในเครื่อง

ตัว server เป็นไฟล์ Node ไฟล์เดียวที่ไม่มี npm dependency เลย (ใช้เฉพาะ built-in ของ Node 16+) และ bind กับ 127.0.0.1 เท่านั้น server จึงเข้าถึงจากภายนอกเครื่องคุณไม่ได้เลย ทุกการทำงานต้องแนบ capability token ที่สร้างครั้งเดียวต่อเบราว์เซอร์ และโปรแกรมแก้ไขจะปฏิเสธการทำงานใด ๆ ที่ token ไม่ตรงกัน ดังนั้นโปรเซสในเครื่องตัวอื่นที่มาแอบยึดพอร์ตก็ควบคุมแคนวาสของคุณไม่ได้

คำสั่งเกี่ยวกับไฟล์และเอกสาร (save, open, new และ import) ถูก deny-list ไว้ที่ขอบเขตเอนจิน การเชื่อมต่อต้องเลือกเปิดเองจากฝั่งโปรแกรมแก้ไข และใช้ได้กับตัวแก้ไขเวอร์ชัน https ที่ deploy แล้วด้วย: ตัว bridge ตอบ preflight ของ Private Network Access ใน Chrome เพื่อให้หน้าเว็บเข้าถึง server ที่ loopback ได้

ถ้าคุณอยากได้เวกเตอร์ที่ AI สร้างให้โดยไม่ต้องยุ่งกับงานฝั่งนักพัฒนา ผู้ช่วยในตัวโปรแกรมแก้ไขก็ทำได้ด้วยบัญชี Claude หรือ GPT ของคุณเอง: ดูที่ AI SVG generator.

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