Menu
实时头部显示器：展示上下文窗口用量、运行中的工具、Agent进度、token消耗统计
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Implements Figma designs to exact 1:1 fidelity by decomposing them into sub-components and building bottom-up with self-correcting validation loops. This skill should be used when implementing UI from Figma files, when a Figma URL is provided, or when the user mentions "implement design", "figma to code", "build from figma", "convert figma", "break down this design", "implement page", "implement component", "generate code", "build Figma design", or "pixel perfect". Works for both full pages and single components. Requires Figma MCP server connection. Do not use for non-Figma design tasks or when the user only wants a screenshot or metadata without implementation.
MCP bundle package
MCP bundle package
AI 研究全流程 Skill：实验设计/数据处理/模型训练/论文写作，1.6K Stars
精选 Claude Code 技能/Hook/命令清单：22K Stars，一站式资源导航
查找 Skill/Agent/命令的一站式枢纽：2.3K Stars，生态导航
| id | skill-claude-hud |
| name | Claude HUD - Real-time Context Panel |
| version | 1.0.0 |
| description | 实时头部显示器：展示上下文窗口用量、运行中的工具、Agent进度、token消耗统计 |
| category | prompt |
| tags | ["monitoring","context","tokens","debugging"] |
| author | Community |
| repositoryUrl | https://github.com/anthropics/claude-code |
| parameters | {"transport":"stdio","configTemplate":"{\"transport\": \"stdio\", \"command\": \"npx\", \"args\": [\"-y\", \"claude-hud\"]}"} |
A custom status line for Claude Code that shows model, git info, context usage, cost, and time until rate limit reset.
🤖 Opus 4.6 🌿 main +12/-3 💭 ████████░░░░░░░░░░░░ 40%
💰 $1.08 spent ⏱️ 2h 30m until reset
npx claude-hud
Restart Claude Code after installing.
~/.claude/statusline-command.shstatusLine config to ~/.claude/settings.jsonbrew install jq (macOS) or sudo apt install jq (Linux)| Element | Description |
|---|---|
| 🤖 Model | Current Claude model |
| 🌿 Git | Branch name + insertions/deletions |
| 💭 Context bar | Color-coded usage (green/yellow/red) |
| 💰 Cost | Spending in current 5-hour block (via ccusage) |
| ⏱️ Timer | Time until rate limit resets |
Cost data is cached and refreshed every 5 minutes to minimize overhead.
npx claude-hud --uninstall
MIT