ใครที่ใช้ Claude AI เขียนโค้ดหรือให้ช่วยทำงานบ่อยๆ น่าจะเคยเจอปัญหา "Token ไหลเป็นน้ำ" จนบางทีเผลอแป๊บเดียวก็ติดลิมิตซะแล้ว! วันนี้เรามีโปรเจกต์ DIY แจ่มๆ มาฝากชาว Maker และโปรแกรมเมอร์ทุกคนครับ นั่นคือ Clawdmeter

โปรเจกต์นี้คือ Dashboard ตั้งโต๊ะขนาดมินิสุดเท่ ที่ขับเคลื่อนด้วยบอร์ด ESP32-S3 หน้าที่ของมันคือเอาไว้มอนิเตอร์และแสดงผลการใช้ Token ของ Claude Code แบบ Real-time บนหน้าจอ AMOLED สีสดใสขนาด 2.16 นิ้ว คราวนี้เราก็จะได้รู้ตัวก่อนที่โควต้าจะเต็มครับ!

ฮาร์ดแวร์ตัวตึงจาก Waveshare

ความดีงามของโปรเจกต์นี้คือแทบจะเป็นงานสาย Firmware ล้วนๆ เพราะตัวฮาร์ดแวร์เค้าใช้บอร์ดสำเร็จรูป Waveshare ESP32-S3-Touch-AMOLED-2.16 มาทำเลย (ก่อนหน้านี้เราอาจจะคุ้นเคยกับ บอร์ด ESP32-S3 พร้อมจอ AMOLED 1.8 นิ้วแบบมีเคส แต่นี่คือรุ่นจอใหญ่สะใจกว่าเดิม)

เรามาแงะสเปคของบอร์ดตัวนี้กันดูครับว่ามีอะไรน่าสนใจบ้าง: (อ่านสเปคชิป ESP32-S3 แบบเจาะลึกที่นี่)

• Wireless MCU: Espressif Systems ESP32-S3R8 (ซีพียู Dual-core Tensilica LX7 ความเร็วสูงสุด 240 MHz พร้อมชุดคำสั่งช่วยประมวลผล AI)
• หน่วยความจำ: 512KB RAM, 8MB PSRAM / รอม 384KB / พื้นที่จัดเก็บ 16MB NOR flash และมีช่องเสียบ MicroSD card
• การเชื่อมต่อ: 2.4 GHz WiFi 4 และ Bluetooth 5.0 LE
• หน้าจอแสดงผล: จอทัชสกรีน AMOLED ขนาด 2.16 นิ้ว (ความละเอียด 480 x 480, สี 16.7 ล้านสี, คอนทราสต์ 100,000:1, สว่าง 600 cd/m2) ใช้ไดรเวอร์ CO5300 และชิปคุมทัชสกรีน CST9220 I2C
• ระบบเสียง: ชิปเสียง ES8311 mono audio codec, ES7210 audio ADC, ไมค์ 2 ตัวพร้อมระบบตัดเสียงสะท้อน (Echo cancellation) และจุดบัดกรีลำโพง
• พอร์ตและเซนเซอร์: USB Type-C สำหรับจ่ายไฟ/โปรแกรม, เซนเซอร์ QMI8658 6-axis IMU (วัดความเร่งและ Gyro) และชิป RTC PCF85063
• การขยายระบบ: มีจุดบัดกรี 9 จุด (GPIOs, UART, VBUS, 3.3V, GND) พร้อมปุ่ม Power, Boot และ User (GPIO18)
• ระบบจัดการพลังงาน: ชิป AXP2101 PMIC รองรับไฟ 5V ผ่าน USB-C และมีช่องเสียบแบต Lithium 3.7V

ทาง Waveshare เค้าจัดเต็มเรื่องซัพพอร์ตมากครับ มีทั้งโค้ดตัวอย่างสำหรับ ESP-IDF และ Arduino IDE ใครสนใจอยากเอาไปเล่นแอปพลิเคชัน AI เสียง หรือทำโปรเจกต์อื่นๆ ก็สามารถไปอ่าน คู่มือการใช้งานจาก Waveshare ได้เลย

Clawdmeter ทำอะไรได้บ้าง? (Features)

กลับมาที่โปรเจกต์ Clawdmeter ของเราครับ การทำงานของมันคือจะเชื่อมต่อกับ Laptop ของเราผ่าน Bluetooth (ใช้สแต็ก NimBLE) แล้วแสดงผล UI สุดเท่ด้วยกราฟิกสไตล์ Pixel-art เป็นรูปน้อง Clawd (มาสคอตของงานนี้)

• แอนิเมชันสุดกวน: น้อง Clawd จะขยับตัวเร็วขึ้นเรื่อยๆ แปรผันตามอัตราการใช้ Token ของเรา! ยิ่งใช้เยอะ ยิ่งขยับไว
• แสดงสถิติ: โชว์ปริมาณการใช้งานแบบเห็นภาพชัดเจน
• เป็นคีย์บอร์ดมาโครในตัว (HID Keyboard): ปุ่มด้านข้าง 2 ปุ่มบนบอร์ด สามารถกดเพื่อส่งคำสั่ง "Space" และ "Shift+Tab" ผ่าน Bluetooth LE ได้ ซึ่งถูกเซ็ตมาให้เป็นคีย์ลัดสำหรับเข้าโหมด Voice และ Mode-toggle ของ Claude Code นั่นเอง

ซอฟต์แวร์และการเขียนโค้ด

หน้าตา UI (User Interface) ของตัวนี้ถูกพัฒนาขึ้นโดยใช้ไลบรารี LVGL ซึ่งเป็นตัวฮิตสำหรับทำหน้าจอบนอุปกรณ์ฝังตัวเลยครับ (ใครอยากดูตัวอย่าง UI สวยๆ อีก ลองดู โปรเจกต์วิทยุอินเทอร์เน็ตหน้าตาแบบ Winamp ดูได้)

ส่วนตัว Firmware เขียนด้วยภาษา C บน PlatformIO IDE (โดยให้ Claude ช่วยเขียนด้วยนะ!) โค้ดถูกออกแบบมาค่อนข้างคลีน ไม่มีการ Hard-code ค่าพิกัดตายตัว ทำให้เราสามารถพอร์ตโค้ดนี้ไปใช้กับบอร์ด ESP32 ตัวอื่นๆ ที่มีขนาดหน้าจอต่างกันได้ไม่ยากครับ

หน้าตาของบอร์ด Waveshare ESP32-S3-Touch-AMOLED-2.16

รายละเอียดชิปและพอร์ตต่างๆ ด้านหลังบอร์ด

หน้าจอ UI จากซ้ายไปขวา: แอนิเมชัน, สถิติการใช้งาน, และหน้าตั้งค่า Bluetooth

แอนิเมชันน้อง Clawd สุดน่ารัก

สรุป

ถ้าเพื่อนๆ อยากทำโปรเจกต์นี้แบบเป๊ะๆ เลย ก็สามารถหาซื้อบอร์ด ESP32-S3-Touch-AMOLED-2.16 ได้ในราคาประมาณ $30 (พันต้นๆ) บน AliExpress, Amazon ($40.99) หรือที่ร้าน Official ของ Waveshare โดยตรง (แบบไม่เอาแบตก็จะถูกลงนิดหน่อย)

แต่จริงๆ แล้วคอมมูนิตี้ใน X (Twitter) เค้าก็แชร์กันว่า การทำตัวมอนิเตอร์ Claude Code แบบนี้สามารถพลิกแพลงได้หลายวิธีเลยนะ จะเขียนเป็นแอปบน Taskbar ของคอมพิวเตอร์ ทำเป็น Widget หรือดึงข้อมูลไปแสดงบนจอ USB Information เล็กๆ ก็ทำได้เหมือนกัน อยู่ที่ไอเดียของแต่ละคนเลยครับ!