Ccstatusline Nocturne — Development skill for Claude Code
Noctu — status line themes for Claude Code: two layouts, five palettes, column-aligned meters.
How to install Ccstatusline Nocturne
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open hasuwini77/ccstatusline-nocturne and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Ccstatusline Nocturne does
Noctu — status line themes for Claude Code: two layouts, five palettes, column-aligned meters. Muted bars, bright values.
Alternatives in Development
- HTML Ppt Skill — HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML present 8.1k ★
- Product Name — Brainstorm 5 memorable product names aligned to brand values 7.8k ★
- 10 Statusline Setup Agent — Status Line Setup Agent System Prompt 2.3k ★
README
Noctu
**Status line themes for [Claude Code](https://claude.com/claude-code)** — two layouts, seven palettes, one rule: *the bar recedes, the number speaks.*

[](LICENSE) [](https://github.com/sirmalloc/ccstatusline) [](#pick-a-theme)
Why it looks like that
Most status lines shout — saturated blocks end to end, every field the same weight, nothing to land on. Noctu splits every meter in two: a **muted bar** that reads as texture, and a **bright value** that carries the signal. Colour means one thing each — yellow is context, orange the session window, purple the weekly limit, red the model window, blue throughput, green money and health.
Only two things are filled chips, because only two are identity: **which model you're talking to**, and **where you are in git**. Everything else is flat text on your terminal's own background, so your wallpaper still shows through.
And the columns line up. All of them.
Install
npm i -g ccstatusline@2.2.29
git clone https://github.com/hasuwini77/ccstatusline-nocturne && cd ccstatusline-nocturne
mkdir -p ~/.config/ccstatusline ~/.claude/scripts
cp themes/noctu/settings.json ~/.config/ccstatusline/settings.json # the default
cp scripts/align-bars.py ~/.claude/scripts/align-bars.py
cp statusline.sh ~/.claude/statusline.sh
Then in `~/.claude/settings.json`:
"statusLine": { "type": "command", "command": "bash ~/.claude/statusline.sh", "padding": 0 }
Needs a **Nerd Font** and a truecolor terminal — WezTerm, Ghostty, iTerm2, Kitty, Windows Terminal.
Pick a theme
Every theme is `themes//settings.json`. Copy one over `~/.config/ccstatusline/settings.json` and
Related Skills
Cc Statusline Chili Edition
🌶️ An informative multi-line status line for Claude Code — context, cost, reasoning mode, and account limits
Skills HTML Ppt
Interactive single-file HTML presentation generator with built-in themes, animations, keyboard/touch navigatio
Draw Diagrams
Agent skill: turn any outline into a real, editable mind map - SVG + .xdt + one-click web link. 25 layouts, 9
Russian Lyrics Romanization
Agent skill: Russian lyrics to three aligned lines - original with stress marks, letter-level romanization, an
Sanduhr F R Claude
Native Windows 11 + macOS glass widget that projects when you'll hit your Claude usage cap — burn-rate, pace m
Audio Inspect
Open the developer Audio Inspector window — live meters, probe-stage status, copied waveform, L/R level-match
Related Agents
Data Viz Designer
Desk Studio's Data Viz Designer. Turns a question and data into a chart that answers it in two seconds: the ri
Kql Generator
Generates KQL queries dynamically from parsed-schema.json and thresholds.json. Never hardcodes event names, co
CSS Engineer
CSS Engineer (Tier 3): implements design tokens and modern CSS — cascade layers, container queries, :has, nest