สวัสดีเพื่อนๆ ชาวโปรแกรมเมอร์, สายพัฒนาซอฟต์แวร์ และชาว Vibe Coding ทุกคนครับ! 🤖💻 ยุคนี้การใช้ AI Coding Assistant อย่าง Claude Code, Codex หรือเครื่องมือสั่งงานผ่าน CLI เข้ามาช่วยเขียนโค้ด ถือเป็นเรื่องปกติในชีวิตประจำวันไปแล้วใช่ไหมครับ? แต่ปัญหากวนใจสุดๆ ของโปรแกรมเมอร์ก็คือ **"กำลังเจนโค้ดติดลมเพลินๆ แล้วอยู่ดีๆ โควต้า Token ก็หมดกลางคัน!"** หรือบางทีใช้เพลินเกินลิมิตจนเจอค่าบริการพุ่งกระฉูดโดยไม่รู้ตัว!

เพื่อแก้ปัญหานี้ให้หมดไป บริษัท **Fractal Manifold** จึงได้เปิดตัวโปรเจกต์ระดมทุน Token Monitor บน Kickstarter จอสัมผัสตั้งโต๊ะขุมพลัง **ESP32-S3** ที่จะมาคอยแทร็กปริมาณ Token, ระยะเวลาการรีเซ็ตโควต้า, ค่าใช้จ่ายโดยประมาณ และกราฟสถิติให้เห็นสดๆ บนโต๊ะทำงานแบบเรียลไทม์ครับ!

สเปกฮาร์ดแวร์และฟีเจอร์ระดับพรีเมียม 🛠️⚙️

ตัวเครื่องถูกออกแบบให้มีขนาดกะทัดรัด 86 x 86 mm ตั้งวางบนโต๊ะคอมได้อย่างสวยงาม ด้วยสเปกฮาร์ดแวร์จัดเต็ม:

• ชิปประมวลผล ESP32-S3: ชิปไมโครคอนโทรลเลอร์ ESP32-S3 Dual-Core 240 MHz พร้อมส่วนขยายVector สำหรับงาน AI/ML, Flash 16MB และ PSRAM 8MB
• หน้าจอสัมผัส IPS ขนาด 4 นิ้ว: จอทรงสี่เหลี่ยมความละเอียด 480x480 พิกเซล (ไดรเวอร์ ST7701) พร้อมชิปสัมผัส GT911 รองรับ Capacitive Multi-touch 5 จุด
• การเชื่อมต่อไร้สาย: รองรับ Wi-Fi 4 และ Bluetooth LE 5 สำหรับดึงข้อมูลในเครือข่าย LAN
• ระบบพลังงานและการพกพา: จ่ายไฟผ่าน USB Type-C หรือเลือกใส่แบตเตอรี่ Li-ion 1S ภายใน (รองรับการใช้งานต่อเนื่องเกิน 5 ชั่วโมง) พร้อมชิปจัดการพลังงาน AXP2101 PMIC
• เคสพิมพ์ 3D พลาสติก ABS: ตัวเรือนผลิตจาก ABS ผิวด้าน (Matte) พร้อมช่องระบายอากาศ และฐานตั้งโต๊ะเฉพาะตัว

ความปลอดภัยระดับอุตสาหกรรมด้วย Local Broker & MCP 🔒🛡️

จุดเด่นที่ทำให้ Token Monitor แตกต่างจากจอสมาร์ตทั่วไปคือ **"ความปลอดภัยของข้อมูลคีย์และโค้ด"** ครับ ตัวอุปกรณ์จะสื่อสารผ่านบริการ **Local Broker (tokenmonitor-mcp)** แบบ Open-Source (Apache-2.0) ที่รันอยู่บนคอมพิวเตอร์ Mac หรือ Linux ของคุณเอง คอยอ่านค่าจาก CLI Logs และเรียกดูโควต้าผ่าน API โดยจะดึงข้อมูลผ่านเครือข่าย LAN พอร์ต 8765 ด้วยโปรโตคอล HMAC Signed **ทำให้ไม่มีข้อมูลซอร์สโค้ดหรือรหัสผ่านรั่วไหลออกไปภายนอกเลย!**

นอกจากนี้ ตัว Broker ยังทำหน้าที่เป็น **Model Context Protocol (MCP) Server** ที่เปิดคำสั่งควบคุมฮาร์ดแวร์ถึง 17 คำสั่งผ่าน คลังซอร์สโค้ด Token Monitor MCP Plugin บน GitHub ให้คุณสั่งการ ESP32-S3 ผ่าน AI CLI ได้โดยตรง ทั้งการอัปเดต Wi-Fi, สั่งดู Logs หรือแม้แต่การอัปเดตอัปเกรดเฟิร์มแวร์แบบ OTA ปลอดภัยผ่าน Ed25519

ระบบอินเทอร์เฟซ LVGL และโหมดปรับตามแสงอาทิตย์ ☀️🌙

เฟิร์มแวร์บนตัวเครื่องรันด้วยไลบรารี **LVGL** แสดงผลกราฟเส้น, กราฟวงกลม (Pie Chart) และตารางสถิติได้อย่างสวยงาม สามารถซิงค์โหมดสว่าง/มืด (Light & Dark Theme) ตามเวลาพระอาทิตย์ขึ้น-ตกในท้องถิ่นผ่าน Open-Meteo อัตโนมัติ

Token Monitor ถือเป็นหนึ่งในนวัตกรรมหน้าจอตั้งโต๊ะสำหรับโปรแกรมเมอร์ ต่อยอดจากโปรเจกต์ไอเดียคล้ายกันในอดีตอย่าง Claude Desktop Buddy, แดชบอร์ด Clawdmeter, คีย์แพด CtrlVibe AI Console หรือหน้าจอกระดาษอิเล็กทรอนิกส์ ZecTrix Note 4 E-Paper ครับ!

รูปภาพแสดงหน้าจอแดชบอร์ด ด้านหลังเคส 3D และคลิปวิดีโอสาธิต 📸🎬

หน้าจอแดชบอร์ดรองรับ Claude Code, Codex, Antigravity และเลือกแสดงผลกราฟสถิติย้อนหลัง

ด้านหลังตัวเครื่องเผยให้เห็นเคสพิมพ์ 3D วัสดุ ABS ผิวด้าน พร้อมขาตั้ง และช่องระบายความร้อน

---

คลิปวิดีโอสาธิตการทำงานของ Token Monitor โดย Fractal Manifold 🎬

---

โค้ดตัวอย่างการรับชุดข้อมูล JSON โควต้า Token มาแสดงผลบนหน้าจอ ESP32-S3 (C++ / ESP-IDF) 💻

ตัวอย่างสคริปต์ C++ บน ESP32-S3 อ่านค่า JSON Telemetry โควต้า AI เพื่ออัปเดตวิดเจ็ตหน้าจอ LVGL:

// ตัวอย่างการพาร์สค่า JSON AI Token Telemetry บน ESP32-S3
#include <Arduino.h>
#include <ArduinoJson.h>

void updateTokenDashboard(const char* jsonResponse) {
  StaticJsonDocument<512> doc;
  DeserializationError error = deserializeJson(doc, jsonResponse);

  if (error) {
    Serial.print("JSON Parsing Failed: ");
    Serial.println(error.c_str());
    return;
  }

  // ดึงค่าสถิติจาก Local Broker
  const char* provider = doc["provider"]; // เช่น "Claude Code"
  int tokensUsed = doc["tokens_used"];
  int tokenLimit = doc["token_limit"];
  float costEstimate = doc["cost_usd"];

  Serial.printf("Provider: %s | Tokens: %d / %d | Cost: $%.2f\n", 
                provider, tokensUsed, tokenLimit, costEstimate);

  // อัปเดตกราฟและข้อความบนหน้าจอ LVGL
  // lv_label_set_text_fmt(label_cost, "$%.2f", costEstimate);
}

void setup() {
  Serial.begin(115200);
  Serial.println("Token Monitor ESP32-S3 Display Ready!");

  // สมมุติชุดข้อมูล JSON ที่ได้รับจาก Local Broker บนพอร์ต 8765
  const char* mockJson = "{\"provider\":\"Claude Code\",\"tokens_used\":45200,\"token_limit\":100000,\"cost_usd\":1.35}";
  updateTokenDashboard(mockJson);
}

void loop() {
  // วนลูปรับข้อมูลโพลลิ่ง HMAC Signed ในเครือข่าย LAN
}

Copy Code