hasuwini77

Ccstatusline Nocturne — Development skill for Claude Code

Development community

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.*

![Noctu](themes/noctu/preview.png)

[![License: MIT](https://img.shields.io/badge/License-MIT-7C5CFF.svg?style=flat-square)](LICENSE) [![ccstatusline](https://img.shields.io/badge/ccstatusline-%E2%89%A5%202.2.29-2E9E7A?style=flat-square)](https://github.com/sirmalloc/ccstatusline) [![Themes](https://img.shields.io/badge/themes-14-B69CFF?style=flat-square)](#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