วาดบนแคนวาส

Draw คือแคนวาสเต็มหน้าต่างสำหรับแผนภาพที่วาดสเก็ตช์ได้เร็วกว่าเขียนอธิบาย: สถาปัตยกรรมระบบ กระแสคำขอ แผนการย้ายระบบ เปิดได้จากตัวสลับ workspace คู่กับ Tasks, Notes, และ Templates

ทุกอย่างบนแคนวาสเป็นออบเจกต์ธรรมดาที่แก้ไขได้ — กล่อง ลูกศร ป้ายกำกับ เส้นวาดมือ — ที่คุณสามารถย้าย เปลี่ยนสี และปรับขนาดได้

อธิบายและแคนวาสจะวาดให้

แถบ prompt อยู่บนแคนวาส พิมพ์สิ่งที่คุณต้องการและคำอธิบายของคุณจะถูกส่งต่อให้ AI CLI ที่ติดตั้งไว้ ซึ่งจะแทรก รูปทรง ลูกศร และป้ายกำกับที่แก้ไขได้จริง ลงมาข้างๆ สิ่งที่คุณได้สเก็ตช์ไว้แล้ว

กระแสคำขอจากเบราว์เซอร์ผ่าน nginx ไปยัง API และ Postgres พร้อม Redis cache อยู่ข้างๆ API

สิ่งที่ได้รับกลับมาไม่ใช่ภาพแบนๆ ทุกกล่องและลูกศรสามารถลาก เปลี่ยนป้ายกำกับ และเปลี่ยนสีได้ภายหลัง — AI ให้ร่างแรกของเลย์เอาต์กับคุณ ไม่ใช่ภาพที่คุณต้องยอมรับตามสภาพ

Undo คือหนึ่งขั้นตอน

องค์ประกอบใหม่ที่มาถึงจะถูก เลือก ไว้ กด ⌘Z หนึ่งครั้ง หรือกด Delete หนึ่งครั้ง จะลบแผนภาพที่สร้างขึ้นทั้งหมด — ดังนั้นการลองใช้คำอธิบายไม่มีค่าใช้จ่ายใดๆ และผลลัพธ์ที่ไม่ดีจะไม่ทิ้งให้คุณต้องมาลบรูปทรงสามสิบรูปด้วยมือ

เลือก agent

เกียร์ข้างๆ แถบ prompt เลือกว่า AI ที่ติดตั้งตัวไหนจะเป็นคนเขียนแผนภาพ การสร้างใดๆ ก็ยกเลิกได้ระหว่างทำงาน

การสร้างที่ล้มเหลวจะ ลองใหม่อัตโนมัติหนึ่งครั้ง จากนั้นจะแสดงสิ่งที่โมเดลตอบกลับมาจริงๆ แทนที่จะเป็น error ทั่วไป — ปกติแล้วเพียงพอที่จะเห็นว่า agent ตอบกลับเป็นข้อความแทนที่จะเป็นรูปแบบแผนภาพ

Draw หรือ Mermaid?

• Draw เมื่อเลย์เอาต์สำคัญและคุณต้องการจัดวางด้วยตัวเอง
• Mermaid เมื่อแผนภาพควรอยู่ในไฟล์ .md คู่กับโค้ดและถูกรีวิวใน pull request

ที่เกี่ยวข้อง

• แผนภาพ Mermaid
• ภาพรวม Workspace
• โน้ตแปะ