Live Preview

Prismatic

· Claude Code Status Line

Design your status line visually, then click Copy YAML and save it to ~/.claude/statusline_config.yml. Everything updates in the live preview above.

Style
Pill style i
Labels i
Frame i
Path depth i
Usage & Cost

The USAGE pill shows your Claude Pro/Max rate-limit percentage and reset time. It auto-hides on API / pay-per-use plans, which receive no rate-limit data from Claude Code. Toggle 7d on the USAGE segment to also show the weekly window.

The COST pill shows the estimated cost of the current session (a client-side estimate from Claude Code that may differ from your actual bill). There is no monthly-budget tracking — Claude Code does not expose cumulative spend.

Segments i
Colors
Model Gradients i
Thresholds i
How to install
  1. Place statusline.js in ~/.claude/
  2. Add this to your ~/.claude/settings.json:
    "statusLine": { "type": "command", "command": "node ~/.claude/statusline.js" }
  3. (Optional) Copy or download the YAML below and save it as ~/.claude/statusline_config.yml. If you skip this, the script creates it with defaults on first run.
  4. Restart Claude Code
Full guide & Nerd Font setup: github.com/XyzElias/prismatic-claude-statusline

Your Configuration