Claude Code + Banana Art Lab
สร้างรูปภาพใน Claude Code แล้วดูผลลัพธ์บนแคนวาสของคุณ
เชื่อมต่อ Banana Art Lab กับ Claude Code ได้ด้วยคำสั่งเดียว จากนั้นสั่งสร้างภาพฮีโร่ ภาพสินค้า ไอคอน หรือภาพประกอบได้ในการสนทนาเดียวกันกับที่คุณเขียนโค้ด ด้วย GPT Image 2, Nano Banana Pro และอีก 5 โมเดล พร้อมดูทุกผลลัพธ์ได้บนแคนวาส Banana Art Lab
› สร้างโปสเตอร์ท่องเที่ยว 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 เพื่อเปรียบเทียบภาพ หรือบอกได้เลยว่าต้องการปรับแต่งภาพไหน
การตั้งค่า
เชื่อมต่อ Claude Code กับ Banana Art Lab
เพิ่มเซิร์ฟเวอร์
รันคำสั่งนี้หนึ่งครั้งในเทอร์มินัลของคุณ:
claude mcp add --transport http banana-art-lab https://trynanobanana.net/mcpเข้าสู่ระบบ
ใน Claude Code ให้พิมพ์ /mcp เลือก banana-art-lab แล้วเข้าสู่ระบบ เบราว์เซอร์ของคุณจะเปิด trynanobanana.net เพื่อให้อนุมัติการเข้าถึง ไม่ต้องคัดลอก API key ใดๆ
สั่งสร้างรูปภาพ
อธิบายสิ่งที่คุณต้องการ Claude Code จะเรียกใช้ generate_image รับลิงก์รูปภาพ และสามารถวางพรอมต์พร้อมผลลัพธ์ลงบนแคนวาสที่คุณตั้งชื่อไว้ได้
แคนวาสของคุณ ซิงค์อยู่เสมอ
ให้ Claude Code สร้างรูป แล้วคุณสานต่องานได้ทันที
เพียงตั้งชื่อแคนวาส Claude Code จะนำทั้งพรอมต์และผลลัพธ์ทั้งหมดมาจัดวางและเชื่อมโยงกันเหมือนเวิร์กโฟลว์ เปิดดูได้ที่ trynanobanana.net/canvas เพื่อเปรียบเทียบแต่ละเวอร์ชันแบบเคียงข้างกัน จัดย้ายตำแหน่ง หรือสั่งสร้างภาพใหม่จากพรอมต์เดิม แคนวาสที่เปิดอยู่จะแสดงผลลัพธ์ใหม่ภายในเวลาประมาณ 10 วินาที
และยังใช้งานในทางกลับกันได้ด้วย: Claude Code สามารถอ่านแคนวาสที่คุณสร้างไว้ ทั้งข้อความและรูปภาพ แล้วนำไปต่อยอดได้ เช่น การแปลงทุกรูปภาพให้อยู่ในรูปแบบสตอรี
ตัวอย่างคำสั่ง
- “สร้างภาพฮีโร่อัตราส่วน 16:9 สำหรับแลนดิ้งเพจนี้ด้วย Nano Banana Pro แล้วดาวน์โหลดไปที่ public/images/hero.webp และนำไปใช้ในเซกชันฮีโร่”
- “สร้างภาพสินค้าของแก้วเซรามิกของเรา 3 ภาพด้วย GPT Image 2 Saver แล้วใส่ไว้ในแคนวาสใหม่ชื่อ "Mug launch"”
- “อ่านแคนวาส "App icons" ของฉัน แล้วสร้างไอคอนแต่ละอันขึ้นมาใหม่ในสไตล์แฟลต 2 สี”
- “สร้างภาพประกอบ empty-state สำหรับแดชบอร์ดโดยใช้สีเหลืองของแบรนด์เรา ในสัดส่วน 1:1 แล้วเพิ่มลงในโฟลเดอร์ components”
โมเดลและราคา
7 โมเดลสร้างภาพ รวมอยู่ในยอดเครดิตเดียว
Claude Code สามารถใช้งานได้ทุกโมเดลบน Banana Art Lab ในราคาเดียวกับบนเว็บไซต์ อัตราเครดิตต่อรูปภาพ:
| โมเดล | รหัสโมเดล | เครดิตต่อรูปภาพ |
|---|---|---|
| GPT Image 2 Saver | gpt-image-2-saver | 2 ในทุกความละเอียด |
| Z-Image Turbo | z-image-turbo | 6 ที่ 1K หรือ 2K |
| Nanobanana | nanobanana | 13 ที่ 1K |
| Seedream 5 Lite | seedream-5-lite | 14 ที่ 2K |
| Nanobanana 2 | nanobanana2 | 22 ที่ 1K, 49 ที่ 4K |
| Nanobanana Pro | nanobananapro | 44 ที่ 1K, 77 ที่ 4K |
| GPT Image 2 | gpt-image-2 | 2 ถึง 228 ตามคุณภาพและความละเอียด |
แพ็กเกจเครดิต: $9.99 สำหรับ 4,000 เครดิต หรือ $29.99 สำหรับ 12,000 เครดิต ดูรายละเอียดได้ที่ราคาและโมเดล
คำถามที่พบบ่อย
จะเพิ่มฟีเจอร์สร้างรูปภาพใน Claude Code ได้อย่างไร?
รันคำสั่ง "claude mcp add --transport http banana-art-lab https://trynanobanana.net/mcp" จากนั้นพิมพ์ /mcp ใน Claude Code แล้วเข้าสู่ระบบ Banana Art Lab เมื่อเสร็จแล้ว Claude Code จะสามารถสร้างรูปภาพได้ด้วยเครื่องมือ generate_image
Claude Code สามารถใช้โมเดลใดผ่าน Banana Art Lab ได้บ้าง?
GPT Image 2 Saver, GPT Image 2, Nanobanana Pro, Nanobanana 2, Nanobanana, Seedream 5 Lite และ Z-Image Turbo โดย Claude Code สามารถเรียกใช้ list_models เพื่อดูความละเอียดและจำนวนเครดิตต่อภาพของแต่ละโมเดล รวมถึงส่งรูปภาพอ้างอิงเพื่อแก้ไขหรือใช้เป็นแนวทางได้
มีค่าใช้จ่ายเท่าไร?
เชื่อมต่อได้ฟรี แต่ละภาพจะใช้เครดิต Banana Art Lab ตามราคาบนเว็บไซต์ เริ่มต้นที่ 2 เครดิตสำหรับ GPT Image 2 Saver ในทุกความละเอียด บัญชีใหม่รับฟรี 10 เครดิตเมื่อสมัครสมาชิก โดยแพ็กเกจเครดิตเริ่มต้นที่ $9.99 สำหรับ 4,000 เครดิต
รูปภาพจะถูกบันทึกไว้ที่ไหน?
ผู้ช่วยของคุณจะได้รับลิงก์ของแต่ละภาพ และสามารถดาวน์โหลดลงในโปรเจกต์ของคุณได้ หากคุณระบุชื่อแคนวาส พรอมต์และรูปภาพจะถูกจัดวางไว้บนแคนวาสที่ trynanobanana.net/canvas ด้วย ซึ่งคุณสามารถจัดตำแหน่งใหม่ เปรียบเทียบ และสร้างใหม่ได้ หากเปิดแคนวาสค้างไว้ ผลลัพธ์ใหม่จะปรากฏขึ้นภายในเวลาประมาณ 10 วินาที
สามารถเข้าถึงแคนวาสของฉันได้หรือไม่?
จะเข้าถึงได้ก็ต่อเมื่อคุณอนุมัติบน trynanobanana.net แล้วเท่านั้น และเข้าถึงได้เฉพาะบัญชีที่คุณอนุมัติ โดยสามารถแสดงรายการ อ่าน และแก้ไขแคนวาสของคุณ รวมถึงสร้างรูปภาพโดยใช้เครดิตของคุณได้ แต่จะไม่สามารถเข้าถึงไฟล์ในคอมพิวเตอร์ของคุณผ่าน Banana Art Lab ได้ คุณสามารถยกเลิกการเชื่อมต่อได้ตลอดเวลาที่ Canvas Settings → AI tools