Canvas + Codex + Claude
Banana Art Lab MCP Server
ให้ Codex, Claude Code, Cursor หรือ MCP client ใดๆ สร้างรูปภาพด้วย GPT Image 2, Nano Banana Pro, Seedream และโมเดลอื่นๆ ของ Banana Art Lab โดยหักเครดิตของคุณ พร้อมนำผลลัพธ์ไปใส่ไว้บนแคนวาสที่คุณและ AI ทำงานร่วมกัน
https://trynanobanana.net/mcp› สร้างโปสเตอร์ท่องเที่ยว 3 ภาพด้วย GPT Image 2 Saver แล้ววางลงในแคนวาสชื่อ “โปสเตอร์”
● banana-art-lab · generate_image
model: gpt-image-2-saver · ratio 3:4 · 3 images
3 ภาพ · 6 เครดิต · วางบนแคนวาส “โปสเตอร์”
เรียบร้อยแล้ว เปิด trynanobanana.net/canvas เพื่อเปรียบเทียบภาพ หรือบอกได้เลยว่าต้องการปรับแต่งภาพไหน
การตั้งค่า
เชื่อมต่อผู้ช่วยของคุณ
Codex
เพิ่มเซิร์ฟเวอร์ แล้วเข้าสู่ระบบ: Codex จะเปิด trynanobanana.net ในเบราว์เซอร์ของคุณเพื่ออนุมัติการเข้าถึง
codex mcp add banana-art-lab --url https://trynanobanana.net/mcpcodex mcp login banana-art-labClaude Code
เพิ่มเซิร์ฟเวอร์ แล้วพิมพ์ /mcp ใน Claude Code เลือก banana-art-lab และเข้าสู่ระบบ
claude mcp add --transport http banana-art-lab https://trynanobanana.net/mcpCursor
เพิ่มลงใน ~/.cursor/mcp.json (หรือ .cursor/mcp.json ของโปรเจกต์) โดย Cursor จะแจ้งให้เข้าสู่ระบบในครั้งแรก
{
"mcpServers": {
"banana-art-lab": {
"url": "https://trynanobanana.net/mcp"
}
}
}Client อื่นๆ หรือการใช้ API key
เพิ่ม https://trynanobanana.net/mcp เป็น remote HTTP MCP server โดย client ที่รองรับ OAuth จะแจ้งให้คุณเข้าสู่ระบบ ส่วน client อื่นๆ ให้สร้าง API key ในแคนวาสที่ การตั้งค่า → AI tools แล้วส่งเป็น bearer token สำหรับ Codex ให้ใส่คีย์ไว้ในตัวแปรสภาพแวดล้อม BANANA_ART_LAB_API_KEY:
codex mcp add banana-art-lab --url https://trynanobanana.net/mcp --bearer-token-env-var BANANA_ART_LAB_API_KEYเครื่องมือ
สิ่งที่ผู้ช่วยของคุณทำได้
| เครื่องมือ | การทำงาน |
|---|---|
| generate_image | สร้างภาพ 1-4 ภาพจากพรอมต์และภาพอ้างอิง (ถ้ามี) ด้วยโมเดล อัตราส่วน และความละเอียดใดก็ได้ของเว็บไซต์ พร้อมตัวเลือกในการวางพรอมต์และผลลัพธ์ลงบนแคนวาส |
| get_generation | ดึงรูปภาพจากการสร้างที่ใช้เวลานานกว่าประมาณ 45 วินาที |
| list_models | แสดงรายการโมเดล ความละเอียด ระดับคุณภาพ และเครดิตที่ใช้ต่อรูป |
| get_account | แสดงยอดเครดิตคงเหลือของบัญชีที่เชื่อมต่ออยู่ |
| list_canvases | แสดงรายการแคนวาสของคุณพร้อม id |
| get_canvas | อ่านข้อมูลแคนวาส: โหนดต่างๆ (ข้อความ รูปภาพ ตำแหน่ง) และเส้นเชื่อมต่อ |
| create_canvas | สร้างแคนวาสใหม่ |
| edit_canvas | เพิ่ม อัปเดต เชื่อมต่อ และลบโหนดบนแคนวาส |
ตัวอย่างคำสั่ง
- “สร้างภาพสินค้าแก้วกาแฟเซรามิกบนหินอ่อนสีขาว 4 ภาพด้วย GPT Image 2 Saver แล้วนำไปใส่ในแคนวาสใหม่ชื่อ "Mug launch"”
- “อ่านแคนวาส "Spring campaign" ของฉัน แล้วทำเวอร์ชัน 16:9 สำหรับทุกรูปในนั้นให้หน่อย”
- “แสดงรายการโมเดลของ Banana Art Lab พร้อมราคา จากนั้นสร้างโปสเตอร์ตลาดกลางคืนความละเอียด 2K ด้วย Nanobanana Pro”
- “แปลงคำอธิบายสินค้านี้เป็น 3 โหนดพรอมต์บนแคนวาสของฉัน เชื่อมแต่ละโหนดเข้ากับรูปภาพ แล้วสั่งสร้างรูปได้เลย”
การเข้าถึง
คุณเป็นผู้ควบคุมบัญชีของคุณเสมอ
- คุณเข้าสู่ระบบและอนุมัติแต่ละแอปบน trynanobanana.net โดยแอปจะไม่มีสิทธิ์เห็นรหัสผ่านของคุณเด็ดขาด
- โทเค็นการเข้าถึงมีอายุ 1 ชั่วโมงและจะต่ออายุโดยอัตโนมัติ คุณสามารถตัดการเชื่อมต่อแอปหรือเพิกถอนคีย์ได้ตลอดเวลาที่การตั้งค่าแคนวาส → เครื่องมือ AI
- เซิร์ฟเวอร์จะสร้างรูปภาพเมื่อผู้ช่วยของคุณร้องขอเท่านั้น โดยคิดราคาเครดิตเท่ากับบนเว็บไซต์ (ดูที่โมเดลและราคา)
- ทำงานร่วมกับบัญชี Banana Art Lab ของคุณเท่านั้น และไม่สามารถเข้าถึงไฟล์ในคอมพิวเตอร์ของคุณได้
คำถามที่พบบ่อย
Banana Art Lab MCP server คืออะไร?
MCP (Model Context Protocol) คือช่องทางที่ช่วยให้ผู้ช่วย AI เช่น Codex, Claude Code และ Cursor ใช้งานเครื่องมือภายนอกได้ โดย Banana Art Lab MCP server ที่ https://trynanobanana.net/mcp จะช่วยให้ผู้ช่วยเหล่านี้สร้างรูปภาพและเข้าถึงแคนวาสของคุณได้ คุณจึงสั่งสร้างรูปได้โดยตรงในแชตที่คุณทำงานอยู่
แอปใดบ้างที่เชื่อมต่อได้?
MCP client ใดก็ได้ที่รองรับเซิร์ฟเวอร์ระยะไกล (Streamable HTTP) โดย Codex, Claude Code และ Cursor จะเข้าสู่ระบบด้วย OAuth เพียงแค่อนุมัติแอปบน trynanobanana.net ครั้งเดียว ส่วน client ที่ไม่รองรับ OAuth สามารถใช้ API key จาก การตั้งค่าแคนวาส → AI tools
มีค่าใช้จ่ายเท่าไร?
การเชื่อมต่อเครื่องมือไม่มีค่าใช้จ่าย รูปภาพที่สร้างแต่ละรูปจะใช้เครดิตในราคาเดียวกับบนเว็บไซต์ เช่น 2 เครดิตสำหรับ GPT Image 2 Saver ในทุกความละเอียด บัญชีใหม่จะได้รับ 10 เครดิตฟรีเมื่อสมัครสมาชิก และคุณสามารถซื้อเพิ่มเติมได้ที่หน้าราคา
AI สามารถดูแคนวาสและใช้เครดิตของฉันได้ไหม?
ทำได้เฉพาะหลังจากที่คุณอนุญาตในหน้ายินยอม และเฉพาะกับบัญชีที่คุณอนุมัติเท่านั้น AI ไม่สามารถเข้าถึงไฟล์บนคอมพิวเตอร์ของคุณได้ คุณสามารถตัดการเชื่อมต่อแอป หรือเพิกถอน API key ได้ทุกเมื่อใน การตั้งค่าแคนวาส → AI tools
ทำไมบางครั้งการสร้างภาพถึงส่งกลับมาเป็นงาน (job)?
โดยเริ่มต้น Codex จะรอผลจากเครื่องมือประมาณ 60 วินาที หากรูปภาพยังสร้างไม่เสร็จภายในเวลาประมาณ 45 วินาที generate_image จะส่งกลับ job id และผู้ช่วยของคุณจะดึงรูปภาพด้วย get_generation ในภายหลัง โดยไม่มีการคิดเครดิตซ้ำ
การเปลี่ยนแปลงบนแคนวาสจะแสดงที่ไหน?
แสดงในแคนวาสของคุณที่ trynanobanana.net/canvas หากเปิดอยู่ การเปลี่ยนแปลงจากผู้ช่วยของคุณจะปรากฏขึ้นภายในเวลาประมาณ 10 วินาที หรือจะแสดงให้เห็นเมื่อคุณเปิดเข้ามาในครั้งถัดไป