⚡️ 30 Second Summary

When you are deep in a coding session with Claude Code, it is easy to lose track of how much context you have used, how much the session has cost, and which model you are running.

In this project, you will set up a live status line in Claude Code that displays your current model name, context window usage percentage, and accumulated session cost directly in your terminal footer.

What You'll Build

A Node.js script that powers a real-time status line in Claude Code, showing the model, context usage, and cost at a glance.

By the end of this project, you'll have:

• 📊 A working Claude Code status line showing model, context percentage, and cost in real time.

• 📝 A Node.js status line script at ~/.claude/statusline.js, wired into settings.json.

• 🧹 Practical habits for using /compact and /clear to manage context efficiently.

• 💎 Secret Mission: Add color-coded context warnings with /compact and /clear advice.
  

Want a complete demo of how to do this project, from start to finish? Check out our 🎬 walkthrough with NextWork

💡 Do I need to pay to do this project?
No direct cost. Claude Code requires a Claude Pro ($20/mo) or Claude Max ($100/mo) subscription, which you will need to do this project. Not sure? Ask in the Community, we'll help.

Not sure if this project is right for you? Check if it matches your goals

Start Your Project Here

Pick the learning style that fits you best.