aleslanger

Claude Code Statusline Designer — Design skill for Claude Code

Design community

Design, preview and install a themed statusline for Claude Code — 22 themes, live preview, per-color editing, contrast-checked.

How to install Claude Code Statusline Designer

This entry records only its repository, not the path inside it, so there is no exact command to give. Open aleslanger/claude-code-statusline-designer and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Code Statusline Designer does

Design, preview and install a themed statusline for Claude Code — 22 themes, live preview, per-color editing, contrast-checked.

Alternatives in Design

Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★
Designer Skills — Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, i 2.3k ★

README

Claude Code Statusline Designer

**A statusline designer for [Claude Code](https://docs.anthropic.com/en/docs/claude-code).** Pick a theme, tune every color with a live preview, and install it in one keystroke.

[![PyPI](https://img.shields.io/pypi/v/claude-code-statusline-designer)](https://pypi.org/project/claude-code-statusline-designer/) [![CI](https://github.com/aleslanger/claude-code-statusline-designer/actions/workflows/ci.yml/badge.svg)](https://github.com/aleslanger/claude-code-statusline-designer/actions/workflows/ci.yml) ![License: MIT](https://img.shields.io/badge/license-MIT-blue) ![Python 3.9+](https://img.shields.io/badge/python-3.9%2B-3776ab) ![Runtime dependencies: none](https://img.shields.io/badge/runtime%20deps-none-2ea44f) ![Themes: 22](https://img.shields.io/badge/themes-11%20dark%20%2B%2011%20light-8a63d2) ![Contrast: WCAG AA](https://img.shields.io/badge/contrast-WCAG%20AA%20checked-0a7bbb)

The designer: theme and segment settings above a live preview of two sample statuslines

Claude Code can run any shell script as its status line. This tool writes that script for you. It shows the model, effort level, git branch, context usage, cost and more as powerline segments, in a theme you design in an interactive terminal UI.

Highlights

Live preview while you design. Two sample statuslines, a clean session and a busy one, repaint on every change. They even update while you hover over a color in the palette. The preview runs the real generated script, so it shows exactly what Claude Code will display.
22 themes, dark and light. Catppuccin, Tokyo Night, One Dark, Dracula, Nord, Gruvbox, Solarized, Agnoster, Neon, Mono and Minimal, each with a variant tuned for light terminals.
A context mood word. Optionally name how full the context window is, `Smart →