Claude HUD: Menguasai Status Operasi Kode Claude Anda Secara Menyeluruh

Dalam proses percakapan multi-putaran Claude Code, seringkali informasi menjadi tidak fokus: apakah cabang benar, konsumsi informasi langganan saat ini, penggunaan konteks, konfigurasi, dll. Plugin Claude HUD ini adalah solusi untuk masalah tersebut - menampilkan status operasi di bawah kotak input Claude Code, seperti HUD mobil!

HUD (Head-Up Display, Tampilan Kepala) adalah sistem tampilan yang "memproyeksikan/menampilkan" informasi kunci di depan pandangan pengemudi, sehingga Anda tidak perlu menunduk untuk melihat instrumen atau kontrol tengah untuk mendapatkan informasi, sehingga mengurangi waktu pandangan dari jalan.

Instalasi: Plugin Claude Code

Claude HUD sebagai Plugin Claude Code, cara instalasinya juga sangat intuitif:

/plugin marketplace add jarrodwatts/claude-hud /plugin install claude-hud /claude-hud:setup

Menampilkan Status Operasi

Informasi yang ditampilkan oleh Claude HUD sangat berguna, membuat Anda selalu tahu di lingkungan apa Anda, dengan konfigurasi apa, dengan biaya berapa menjalankan tugas apa, informasi yang ditampilkan secara spesifik adalah sebagai berikut:

• Informasi percakapan: Model, informasi langganan, penggunaan konteks, jalur proyek, cabang git, konfigurasi (CLAUDE.md, rules, MCP, Hook), durasi percakapan
• Informasi alat
• Informasi SubAgent Claude Code
• Kemajuan tugas

Sementara itu, ia juga menyediakan opsi konfigurasi: Anda dapat hanya menyimpan bidang yang paling Anda perhatikan, membuat panel HUD lebih sederhana dan lebih fokus.

Prinsip: Berdasarkan Statusline Claude Code, Sumber Data Terpercaya

Implementasi Claude HUD didasarkan pada mekanisme Statusline Claude Code:

{ "statusLine": { "type": "command", "command": "~/.claude/statusline.sh", "padding": 0 // Opsional: atur ke 0 agar status line mencapai tepi } }statusline akan secara berkala menerima input dari Claude Code:

{ "hookeventname": "Status", "sessionid": "abc123...", "transcriptpath": "/path/to/transcript.json", "cwd": "/current/working/directory", "model": { "id": "claude-opus-4-1", "displayname": "Opus" }, "workspace": { "currentdir": "/current/working/directory", "projectdir": "/original/project/directory" }, "version": "1.0.80", "outputstyle": { "name": "default" }, "cost": { "totalcostusd": 0.01234, "totaldurationms": 45000, "totalapidurationms": 2300, "totallinesadded": 156, "totallinesremoved": 23 }, "contextwindow": { "totalinputtokens": 15234, "totaloutputtokens": 4521, "contextwindowsize": 200000, "currentusage": { "inputtokens": 8500, "outputtokens": 1200, "cachecreationinputtokens": 5000, "cachereadinputtokens": 2000 } } }Jadi dapat dipastikan informasi tersebut akurat, dan json ini juga menyediakan transcript_path - catatan sejarah lokal dari percakapan ini, yang dapat digunakan untuk mendapatkan lebih banyak informasi.

Jika Claude Code adalah Agen utama Anda, sangat disarankan untuk menggunakan Claude HUD!