2026-01-28-my-claude-code-statusline

2026-01-28-my-claude-code-statusline.md

Set up my Claude Code statusline configuration

Follow these steps exactly:

1. Add the statusline command to Claude Code settings

Edit ~/.claude/settings.json and add this statusLine key (merge with existing content if the file exists):

{
  "statusLine": {
    "command": "npx -y ccstatusline@latest",
    "padding": 0,
    "type": "command"
  }
}

2. Create the ccstatusline config directory

mkdir -p ~/.config/ccstatusline

3. Write this exact content to ~/.config/ccstatusline/settings.json

{
  "version": 3,
  "lines": [
    [
      {"id": "ca3be5a8-b2be-4f82-ba69-746419627c38", "type": "context-percentage", "color": "brightCyan", "rawValue": false, "metadata": {"inverse": "false"}},
      {"id": "b45c7aab-a3a5-49ba-a5dc-1e7e6acc1671", "type": "context-percentage-usable", "color": "brightCyan", "rawValue": true, "metadata": {"inverse": "false"}},
      {"id": "bb8aa738-67da-4757-b71c-be50b92b8f02", "type": "session-cost", "color": "brightCyan", "rawValue": true},
      {"id": "91725b0c-2f22-43aa-bd82-4a3a94af06d2", "type": "model", "color": "brightCyan", "rawValue": true}
    ],
    [],
    [
      {"id": "4dc28916-d227-4abb-82f3-6dac0b184c1a", "type": "claude-session-id", "color": "brightBlack", "rawValue": true}
    ],
    [
      {"id": "bd5c0e1c-cd8c-47bb-bde6-fa70c5484e89", "type": "current-working-dir", "color": "brightBlack", "rawValue": true, "metadata": {"segments": "2"}}
    ]
  ],
  "flexMode": "full",
  "compactThreshold": 60,
  "colorLevel": 2,
  "defaultSeparator": " | ",
  "defaultPadding": "",
  "inheritSeparatorColors": false,
  "globalBold": false,
  "powerline": {"enabled": false, "separators": [""], "separatorInvertBackground": [false], "startCaps": [], "endCaps": [], "theme": "minimal", "autoAlign": false}
}

After setup

Restart Claude Code for changes to take effect.