มาตรวัดการใช้งาน Claude สไตล์ Retro HUD

Transforms a simple Claude Code usage screen into a neon-green pixel-art cyberpunk HUD suitable for an M5Stack dashboard UI.

ใช้ภาพอ้างอิงที่ให้มาเป็นแหล่งข้อมูล UI เพื่อออกแบบใหม่ให้เป็น HUD เทอร์มินัลสีเขียวขาวดำสไตล์เรโทรฟิวเจอร์ริสติกที่ดูประณีตสำหรับหน้าจอแบบ M5Stack โดยคงข้อมูลและค่าต่างๆ ไว้เหมือนเดิม: หัวข้อ {argument name="title text" default="CLAUDE CODE USAGE"}, ส่วนการใช้งานสองส่วนที่ระบุว่า {argument name="session label" default="SESSION 5H"} และ {argument name="weekly label" default="WEEKLY 7D"}, เปอร์เซ็นต์ 14% และ 50%, ข้อความรีเซ็ต "RESET IN 4H 9M" และ "RESET IN 3D 3H", และสถานะส่วนท้าย "CONNECTED", "MODE=FAST", "03:30", "CHG 100%" เปลี่ยนแถบข้อมูลธรรมดาให้เป็นมาตรวัดแบบแบ่งส่วนพิกเซลที่ดูหนา: โดยมีแผงมาตรวัดแนวนอน 2 แผง แต่ละแผงมี 20 ส่วนสี่เหลี่ยม แผงแรกแสดงส่วนที่เติมสีเขียวนีออน 2 ส่วน และแผงที่สองแสดงส่วนที่เติมสีเขียวนีออน 10 ส่วน เพิ่มกรอบแนวไซไฟที่มีรายละเอียดด้วยขอบมุม เส้นสายคล้ายวงจรไฟฟ้า วงเล็บมุม พื้นผิวแบบจุด ไอคอนลูกศร/เป้าหมาย/นาฬิกาขนาดเล็ก แถบเตือนภัยแนวทแยง และแสงเรืองรองแบบ CRT/พิกเซลกริด ใช้พื้นหลังสีดำ เส้นขอบและส่วนเติมสีเขียวนีออนสว่าง และข้อความพิกเซลสีขาวอมเขียว จัดวางส่วนท้ายให้เป็นโมดูลด้านล่าง 3 ส่วนพอดี: ซ้าย "CONNECTED" พร้อมจุดสถานะสีเขียว, กลาง "MODE=FAST", และขวา "03:30 CHG 100%" ทำให้ดูคมชัด มีสไตล์ และพร้อมใช้งานจริงมากกว่าภาพอ้างอิง โดยยังคงฟังก์ชันการทำงานของแดชบอร์ดและข้อมูลเดิมไว้ครบถ้วน

แปลด้วยเครื่อง — ต้นฉบับคือพรอมต์ที่สร้างผลงานนี้

✨ สร้าง บันทึก คัดลอกพรอมต์ แชร์ โพสต์ต้นฉบับ เปิดใน Hitboard