บทความทั้งหมด

วิธีทำให้ ClaudeCLI สวยงามด้วย CSS-StatusLine

-

ขนาดตัวอักษร
วิธีทำให้ ClaudeCLI สวยงามด้วย CSS-StatusLine

✨ อัปเกรด Claude CLI ให้สวยเท่ น่าใช้กว่าเดิมด้วย CSS Status Line!

ใครที่ใช้ Claude Code หรือ Claude CLI ในการช่วยเขียนโค้ดแล้วเบื่อหน้าตา Terminal เดิมๆ คลิปนี้จะพามาแต่งแถบสถานะ (Status Line) ด้านล่างให้ออกมาสวยงามและดูโปรสุดๆ !!

GITHUB: CSS-STATUS-LINE

✨ สรุปขั้นตอนง่ายๆ ในคลิป

  • เข้าไปยัง GITHUB: CSS-STATUS-LINE LINK
  • ติดตั้งเครื่องมือจาก GitHub CSS Status Line ผ่านคำสั่ง npx หรือ bun TODO2_1TODO2_2
  • ปรับแต่งหน้าตา จัดวางคอมโพเนนต์บอกสถานะการใช้งาน (Usage) เช่น เวลา เซสชัน หรือโควตารายสัปดาห์ TODO3_1TODO3_2TODO3_3
  • ใส่ Layout ตัวคั่น (Separator) และเปลี่ยนสีสัน (Edit Color) ได้ตามใจชอบ TODO4_1TODO4_2
  • กดเซฟและ Install เข้าสู่ Claude Code พอเปิดใช้งานใหม่ก็จะได้แถบสถานะตามที่เราต้องการ TODO5_1TODO5_2TODO5_3

ง่ายใช่มั้ยหล่ะ แค่ไม่กี่ขั้นตอนเอง!!

© 2026 CharnomDev
Charnom All rights reserved.