เครื่องมือ

กระดานวาดอธิบายงาน ระดับ Excalidraw

โจทย์แรกในคลังที่ของใช้เทียบเปิดโค้ดให้ทุกคนดูได้ (open source) — ตัวตรวจเปิดของจริงมาวางคู่กันได้ฟรี แถมอ่านดูได้ว่าข้างในเขาทำกันยังไง และงานนี้ยังมีช่องให้ชนะของจริงอยู่ คือลายมือไทยที่ Excalidraw เองยังทำได้ไม่ดี

อยากสร้างอะไร

กระดานวาดอธิบายงานในเบราว์เซอร์ ลากวาดกล่อง ลูกศร ข้อความ เป็นลายเส้นมือ ใช้ตอนคุยงานกับลูกค้าและสอนนักเรียนสด ๆ เซฟเป็นรูปและส่งลิงก์ให้คนอื่นเปิดดูได้ ตัวหนังสือไทยบนกระดานต้องสระวรรณยุกต์ไม่ลอย

ของที่ใช้เทียบ

Excalidraw (excalidraw.com) — ความรู้สึกตอนลากเส้น ความเร็วตอนย้ายของทั้งกระดาน และไฟล์ที่ส่งออกไปเปิดที่อื่นได้จริง

Gauntlet Loop Prompt

ก๊อปทั้งก้อนไปวางใน Claude Code หรือ Codex แล้วปล่อยให้มันวน

1,785 ตัวอักษร

I want you to build a hand-drawn whiteboard I open in the browser to explain work, at the level of Excalidraw—that same feel of a line drawn quickly by hand, where a box snaps into place and an arrow stays stuck to it while I drag. Excalidraw is open source, so open the real thing and read its source, not screenshots.

Break this into the smallest pieces that can be improved and judged on their own—you decide what the pieces are, not me. Fan out sub-agents and have sub-agents tackle each one individually. You should /loop on each piece and have a separate sub-agent with fresh context draw on the actual running board—never the builder's summary—sketching a real diagram and dragging it around. That critic should be genuinely harsh, and if a line feels dead or a drag lags, it keeps going.

Don't stop until each critic is utterly wowed compared with Excalidraw itself, open side by side. It should compare them blind and answer which board a teacher would rather draw on live in class, which strokes still read as drawn by a person, and which still moves smoothly with a hundred shapes on it; when ours loses, name the single biggest gap and send the builder back in. No fixed number of rounds. Between major waves, one fresh agent explains something real on it end to end and smooths everything into one coherent thing.

Keep a simple live progress page updated as you work so I can watch it evolve. It runs in the browser on a laptop and on a stylus tablet, every label is Thai with technical words in English, and Thai written on the board keeps its vowels and tone marks sitting right on a handwritten font—the bar itself is weak there, so beat it there. Test boards are made up, never anyone's real work. /loop until it's utterly perfect. Fan out sub-agents and ultracode.

แก้ในกล่องนี้ได้ก่อนคัดลอก เช่น เปลี่ยนไปเทียบกับของที่คุณอยากได้ — ที่แก้จะไม่ถูกบันทึกกลับ

วางครั้งเดียวก็ได้ของ — ขอแค่เป็น agent ที่กระจาย sub-agent และเปิดดูผลที่รันจริงได้ (แชทธรรมดาไม่เวิร์ก)

คาดหวังผลแบบไหน

ได้กระดานที่เปิดในเบราว์เซอร์แล้ววาดกล่อง ลากลูกศรให้ติดกล่อง พิมพ์ไทยเป็นลายเส้นมือได้จริง เซฟเป็นรูปและส่งลิงก์ให้คนอื่นเปิดดูได้ · งานแบบนี้วนแก้เร็วกว่างานแอปที่ต้องติดตั้งลงเครื่อง เพราะตัวตรวจแค่รีเฟรชหน้าเว็บแล้ววาดใหม่ แต่รอบแรก ๆ มันจะแพ้เรื่องความลื่นตอนกระดานมีของเยอะ ๆ เกือบทุกครั้ง ปล่อยให้มันวนต่อ อย่าเพิ่งไปหยุด

ผ่าให้ดูทีละท่อน

prompt ตัวนี้ไม่ได้ยาวเพราะอยากยาว — ทุกท่อนมีหน้าที่ ตัดออกท่อนไหนก็พังคนละแบบ

I want you to build a hand-drawn whiteboard I open in the browser to explain work, at the level of Excalidraw—that same feel of a line drawn quickly by hand¹, where a box snaps into place and an arrow stays stuck to it while I drag. Excalidraw is open source, so open the real thing and read its source, not screenshots. Break this into the smallest pieces that can be improved and judged on their own—you decide what the pieces are, not me². Fan out sub-agents and have sub-agents tackle each one individually³. You should /loop on each piece and have a separate sub-agent with fresh context draw on the actual running board—never the builder's summary⁴—sketching a real diagram and dragging it around. That critic should be genuinely harsh, and if a line feels dead or a drag lags, it keeps going. Don't stop until each critic is utterly wowed compared with Excalidraw itself, open side by side. It should compare them blind and answer which board a teacher would rather draw on live in class⁵, which strokes still read as drawn by a person, and which still moves smoothly with a hundred shapes on it; when ours loses, name the single biggest gap and send the builder back in. No fixed number of rounds. Between major waves, one fresh agent explains something real on it end to end and smooths everything into one coherent thing. Keep a simple live progress page updated as you work so I can watch it evolve. It runs in the browser on a laptop and on a stylus tablet, every label is Thai with technical words in English, and Thai written on the board keeps its vowels and tone marks sitting right on a handwritten font—the bar itself is weak there, so beat it there⁶. Test boards are made up, never anyone's real work. /loop until it's utterly perfect. Fan out sub-agents and ultracode.

1
ของที่ใช้เทียบต้องจับต้องได้
“at the level of Excalidraw—that same feel of a line drawn quickly by hand”
ของที่ใช้เทียบเปิดคู่กันได้ฟรีทันทีโดยไม่ต้องสมัคร แถมเปิดโค้ดให้อ่านได้ว่าข้างในทำยังไง ตัวตรวจเลยตัดสินได้ทุกรอบว่าเราแพ้หรือชนะ · ที่สำคัญกว่านั้นคือบอกไว้ด้วยว่าให้เทียบเรื่องอะไร นั่นคือความรู้สึกตอนลากเส้น ไม่ใช่หน้าตาปุ่มกับสี
ถ้าไม่มีของจริงให้เทียบ agent จะตัดสินเองว่า “ดีแล้ว” ตั้งแต่รอบแรก
2
ให้ agent แตกงานเอง
“Break this into the smallest pieces that can be improved and judged on their own—you decide what the pieces are, not me”
ไม่ได้สั่งว่าต้องมีเครื่องมือกี่ชิ้นหรือเมนูอะไรบ้าง เพราะเราจะได้แค่เท่าที่นึกออกตอนพิมพ์ ปล่อยให้มันแบ่งเอง — ตัววาดเส้น การจับลูกศรให้ติดกล่อง ตัวส่งออกไฟล์ ลิงก์ที่ส่งให้คนอื่นเปิดดู
บอกเป้า ไม่บอกวิธี — พอสั่งสถาปัตยกรรมเอง เราก็ได้แค่เท่าที่เรานึกออก
3
กระจาย sub-agent
“Fan out sub-agents and have sub-agents tackle each one individually”
ในกระดานอันเดียวมีของที่ไม่เกี่ยวกันเลยหลายชิ้น ตัวส่งออกรูปพัง ไม่ควรทำให้การวาดเส้นพังตามไปด้วย แยก agent ให้ทำคนละชิ้น เวลาพังก็พังทีละจุด ซ่อมทีละจุดได้
ชิ้นเล็กที่แยกตัดสินได้ ทำขนานกันได้ และพังทีละชิ้นโดยไม่ลากตัวอื่นลง
4
critic แยกตัว
“a separate sub-agent with fresh context draw on the actual running board—never the builder's summary”
จุดตายของโจทย์นี้คือ “โค้ดถูกทุกบรรทัดแต่ลากแล้วหน่วง” กับ “เส้นตรงเป๊ะจนดูไม่เหมือนคนวาด” ซึ่งไม่มีทางโผล่ในรายงานของคนสร้าง เลยต้องสั่งให้ตัวตรวจลงมือวาดบนกระดานจริงด้วยมือตัวเอง
คนสร้างตรวจงานตัวเองแล้วให้ผ่านเสมอ — critic ต้อง context ใหม่และดูของจริง
5
วนจนชนะ ไม่กำหนดรอบ
“which board a teacher would rather draw on live in class”
เกณฑ์เทียบเป็นคำถามที่ตอบได้จากของสองอันที่วางคู่กันจริง (ครูจะเลือกวาดบนอันไหนตอนสอนสด · เส้นชุดไหนยังอ่านออกว่าคนวาด · อันไหนยังลื่นตอนมีของร้อยชิ้น) ไม่ใช่ “อันไหนดีกว่า” ที่ตอบยังไงก็ไม่ผิด
กำหนดจำนวนรอบเมื่อไหร่ ก็ได้ของเท่าที่รอบนั้นพอดี ไม่ใช่เท่าที่ดีพอ
6
เห็นความคืบหน้า + สั่งรันจริง
“Thai written on the board keeps its vowels and tone marks sitting right on a handwritten font—the bar itself is weak there, so beat it there”
ท่อนนี้เก็บข้อจำกัดที่โจทย์บังคับไว้ทั้งหมด ทั้งอุปกรณ์ที่คนเปิดจริงและภาษาไทยบนกระดาน · แล้วยังบอกตรง ๆ ว่าเราต้องชนะของที่ใช้เทียบ ไม่ใช่แค่เสมอ เพราะฟอนต์ลายมือเกือบทั้งหมดไม่มีสระกับวรรณยุกต์ไทย
เห็นงานงอกระหว่างทาง กับบรรทัดสุดท้ายที่บอกให้รันแบบ agent จริง ไม่ใช่แชทธรรมดา

ที่คนพลาดกันจริง

เขียนของที่ใช้เทียบแค่ว่า “ให้เหมือน Excalidraw” — ตัวตรวจจะไล่ลอกสีปุ่มกับไอคอน แทนที่จะลอกความรู้สึกตอนลากเส้น ทั้งที่ตรงนั้นคือของจริงที่ทำให้มันดัง ต้องเขียนลงไปด้วยว่าให้เทียบเรื่องอะไร
ลืมบอกว่าตัวหนังสือบนกระดานเป็นภาษาไทย — ฟอนต์ลายมือเกือบทั้งหมดไม่มีสระกับวรรณยุกต์ไทย พิมพ์ลงไปแล้วสระลอยหรือทับกัน กว่าจะรู้ก็ตอนเปิดใช้จริงต่อหน้าลูกค้า
เห็นว่าของที่ใช้เทียบเปิดโค้ดให้ดูได้ แล้วปล่อยให้มันอ่านแต่โค้ด — มันจะตัดสินจากโค้ดว่าผ่านแล้ว ทั้งที่ของเราพอลากเส้นจริงยังหน่วงอยู่ ต้องสั่งให้เปิดของจริงมาวางคู่กันด้วยเสมอ
ทดสอบบนกระดานเปล่า — กระดานที่มีของอยู่ห้าชิ้น อันไหนก็ลื่นทั้งนั้น ต้องเขียนจำนวนชิ้นที่ให้ทดสอบลงไปในคำสั่ง ไม่งั้นจะไปรู้ตอนใช้จริงว่าพอวาดเยอะแล้วหน่วง

อยากได้ของตัวเองบ้าง

เปลี่ยนโจทย์กับของที่ใช้เทียบให้เป็นของคุณ แล้วให้ระบบร่าง prompt ให้ทั้งก้อน

ไปหน้าสร้าง prompt

ของที่ dev แนะนำ

เป็นลิงก์ affiliate — ถ้าคุณช้อปผ่านลิงก์นี้ dev ได้ค่าคอมเล็กน้อย โดยราคาคุณเท่าเดิม 🙏

Xpanse T9 เก้าอี้เพื่อสุขภาพ Ergonomic

ถ้านั่งเขียนโค้ดกับ AI วันละหลายชั่วโมง เก้าอี้คือของชิ้นที่คุ้มที่สุดที่จะลงทุน — ถูกกว่าค่าหมอตอนหลังพัง

5,557 บาทดูบน Shopee

UGREEN Nexode GaN Charger 20W/30W

หัวชาร์จ GaN ตัวเดียวจบทั้งโน้ตบุ๊กและมือถือ ตัวเล็กกว่าหัวเดิมที่แถมมาเยอะ — ถ้ายังไม่มี เริ่มจากตัวนี้ก่อนได้

330 บาทดูบน Shopee

(สินค้าขายดี) DAHUA LM24-B221 จอมอนิเตอร์ ขนาด 23.8″ และ LM27-B221 จอขนาด 27 " IPS Full HD 144hz ประกันสินค้า 3 ปี

จัดโต๊ะให้ทำงานกับ AI ได้นานขึ้น ไม่ปวดคอปวดหลัง

3,590 บาทดูบน Shopee

กระดานวาดอธิบายงาน ระดับ Excalidraw

คาดหวังผลแบบไหน

ผ่าให้ดูทีละท่อน

ของที่ใช้เทียบต้องจับต้องได้

“at the level of Excalidraw—that same feel of a line drawn quickly by hand”

ของที่ใช้เทียบเปิดคู่กันได้ฟรีทันทีโดยไม่ต้องสมัคร แถมเปิดโค้ดให้อ่านได้ว่าข้างในทำยังไง ตัวตรวจเลยตัดสินได้ทุกรอบว่าเราแพ้หรือชนะ · ที่สำคัญกว่านั้นคือบอกไว้ด้วยว่าให้เทียบเรื่องอะไร นั่นคือความรู้สึกตอนลากเส้น ไม่ใช่หน้าตาปุ่มกับสี

ถ้าไม่มีของจริงให้เทียบ agent จะตัดสินเองว่า “ดีแล้ว” ตั้งแต่รอบแรก

ให้ agent แตกงานเอง

“Break this into the smallest pieces that can be improved and judged on their own—you decide what the pieces are, not me”

ไม่ได้สั่งว่าต้องมีเครื่องมือกี่ชิ้นหรือเมนูอะไรบ้าง เพราะเราจะได้แค่เท่าที่นึกออกตอนพิมพ์ ปล่อยให้มันแบ่งเอง — ตัววาดเส้น การจับลูกศรให้ติดกล่อง ตัวส่งออกไฟล์ ลิงก์ที่ส่งให้คนอื่นเปิดดู

บอกเป้า ไม่บอกวิธี — พอสั่งสถาปัตยกรรมเอง เราก็ได้แค่เท่าที่เรานึกออก

กระจาย sub-agent

“Fan out sub-agents and have sub-agents tackle each one individually”

ในกระดานอันเดียวมีของที่ไม่เกี่ยวกันเลยหลายชิ้น ตัวส่งออกรูปพัง ไม่ควรทำให้การวาดเส้นพังตามไปด้วย แยก agent ให้ทำคนละชิ้น เวลาพังก็พังทีละจุด ซ่อมทีละจุดได้

ชิ้นเล็กที่แยกตัดสินได้ ทำขนานกันได้ และพังทีละชิ้นโดยไม่ลากตัวอื่นลง

critic แยกตัว

“a separate sub-agent with fresh context draw on the actual running board—never the builder's summary”

จุดตายของโจทย์นี้คือ “โค้ดถูกทุกบรรทัดแต่ลากแล้วหน่วง” กับ “เส้นตรงเป๊ะจนดูไม่เหมือนคนวาด” ซึ่งไม่มีทางโผล่ในรายงานของคนสร้าง เลยต้องสั่งให้ตัวตรวจลงมือวาดบนกระดานจริงด้วยมือตัวเอง

คนสร้างตรวจงานตัวเองแล้วให้ผ่านเสมอ — critic ต้อง context ใหม่และดูของจริง

วนจนชนะ ไม่กำหนดรอบ

“which board a teacher would rather draw on live in class”

เกณฑ์เทียบเป็นคำถามที่ตอบได้จากของสองอันที่วางคู่กันจริง (ครูจะเลือกวาดบนอันไหนตอนสอนสด · เส้นชุดไหนยังอ่านออกว่าคนวาด · อันไหนยังลื่นตอนมีของร้อยชิ้น) ไม่ใช่ “อันไหนดีกว่า” ที่ตอบยังไงก็ไม่ผิด

กำหนดจำนวนรอบเมื่อไหร่ ก็ได้ของเท่าที่รอบนั้นพอดี ไม่ใช่เท่าที่ดีพอ

เห็นความคืบหน้า + สั่งรันจริง

“Thai written on the board keeps its vowels and tone marks sitting right on a handwritten font—the bar itself is weak there, so beat it there”

ท่อนนี้เก็บข้อจำกัดที่โจทย์บังคับไว้ทั้งหมด ทั้งอุปกรณ์ที่คนเปิดจริงและภาษาไทยบนกระดาน · แล้วยังบอกตรง ๆ ว่าเราต้องชนะของที่ใช้เทียบ ไม่ใช่แค่เสมอ เพราะฟอนต์ลายมือเกือบทั้งหมดไม่มีสระกับวรรณยุกต์ไทย

เห็นงานงอกระหว่างทาง กับบรรทัดสุดท้ายที่บอกให้รันแบบ agent จริง ไม่ใช่แชทธรรมดา

ที่คนพลาดกันจริง

เขียนของที่ใช้เทียบแค่ว่า “ให้เหมือน Excalidraw” — ตัวตรวจจะไล่ลอกสีปุ่มกับไอคอน แทนที่จะลอกความรู้สึกตอนลากเส้น ทั้งที่ตรงนั้นคือของจริงที่ทำให้มันดัง ต้องเขียนลงไปด้วยว่าให้เทียบเรื่องอะไร

ลืมบอกว่าตัวหนังสือบนกระดานเป็นภาษาไทย — ฟอนต์ลายมือเกือบทั้งหมดไม่มีสระกับวรรณยุกต์ไทย พิมพ์ลงไปแล้วสระลอยหรือทับกัน กว่าจะรู้ก็ตอนเปิดใช้จริงต่อหน้าลูกค้า

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

ทดสอบบนกระดานเปล่า — กระดานที่มีของอยู่ห้าชิ้น อันไหนก็ลื่นทั้งนั้น ต้องเขียนจำนวนชิ้นที่ให้ทดสอบลงไปในคำสั่ง ไม่งั้นจะไปรู้ตอนใช้จริงว่าพอวาดเยอะแล้วหน่วง

คาดหวังผลแบบไหน

ผ่าให้ดูทีละท่อน

ที่คนพลาดกันจริง

ของที่ dev แนะนำ

Xpanse T9 เก้าอี้เพื่อสุขภาพ Ergonomic

UGREEN Nexode GaN Charger 20W/30W

(สินค้าขายดี) DAHUA LM24-B221 จอมอนิเตอร์ ขนาด 23.8″ และ LM27-B221 จอขนาด 27 " IPS Full HD 144hz ประกันสินค้า 3 ปี

คาดหวังผลแบบไหน

ผ่าให้ดูทีละท่อน

ที่คนพลาดกันจริง

ของที่ dev แนะนำ

Xpanse T9 เก้าอี้เพื่อสุขภาพ Ergonomic

UGREEN Nexode GaN Charger 20W/30W

(สินค้าขายดี) DAHUA LM24-B221 จอมอนิเตอร์ ขนาด 23.8″ และ LM27-B221 จอขนาด 27 " IPS Full HD 144hz ประกันสินค้า 3 ปี

ให้กำลังใจ dev คนนี้