Claude Code status line

CC-Statusline-Builder

A web-based builder where you pick a status line theme and copy a one-line install command.

34 stars 4 forksStatus lines Source

Install

From source
git clone https://github.com/denki-san/CC-Statusline-Builder.git

From the README

Statusline Builder

自定义你的 Claude Code 状态栏 —— 可视化配置,实时预览,一键安装。

使用方式

打开 preview.html。

快速开始(3 步)

1. 在页面里选择样式
2. 点击 Copy Install Cmd
3. 在终端粘贴执行并重启 Claude Code

可配置内容

- 进度条样式(6 种)
- 配色主题(10 种)
- 目录前缀(5 种)
- Token 显示格式(3 种)
- Git 状态显示(开关 + 样式)

可组合出大量主题,按你的终端风格自由调整。

前置要求

- 终端支持 256 色
- 已安装 jq(JSON 解析工具)
- UTF-8 编码

安装 jq

- macOS: brew install jq
- Ubuntu / Debian: sudo apt install jq
- Fedora: sudo dnf install jq
- Arch: sudo pacman -S jq
- 其他系统: 见 jq 官方下载页

常见问题

状态栏不显示?

没有颜色?

出现乱码?
Read the full README on GitHub

How status lines work

  • A status line is a command Claude Code runs to draw the bar under the prompt. It gets the session as JSON on stdin (model, folder, cost, context) and prints one or more lines.
  • Point the statusLine setting in ~/.claude/settings.json at it: { "statusLine": { "type": "command", "command": "<the command from the README>" } }.
  • Or run /statusline inside Claude Code and describe what you want.
Claude Code docs

Details

Language
HTML
Last updated
6 May 2026
Topics
claudecodestatusline

FAQ

What is CC-Statusline-Builder?

A web-based builder where you pick a status line theme and copy a one-line install command. It is a status line for Claude Code, from denki-san/CC-Statusline-Builder on GitHub.

How do I install CC-Statusline-Builder?

Clone denki-san/CC-Statusline-Builder from GitHub and follow the setup steps in its README.

Is CC-Statusline-Builder popular?

denki-san/CC-Statusline-Builder has 34 GitHub stars and 4 forks. It was last updated on 6 May 2026.

More status lines

Browse the most popular Claude Code mods, all status lines, or the skills and MCP server directories.