claude-powerline
Description
**A vim-style powerline statusline for Claude Code with real-time usage tracking, git integration, and custom themes.**
Installation
claude install-skill https://github.com/Owloops/claude-powerline README
Claude Powerline
**A vim-style powerline statusline for Claude Code with real-time usage tracking, git integration, and custom themes.**
[](https://www.npmjs.com/package/@owloops/claude-powerline) [](https://www.npmjs.com/package/@owloops/claude-powerline) [](https://packagephobia.com/result?p=@owloops/claude-powerline) [](https://www.npmjs.com/package/@owloops/claude-powerline)
[](https://github.com/hesreallyhim/awesome-claude-code)
Demo
_Live demonstration: real-time usage tracking, git integration, and theme showcase_
Dark
Light
Nord
Tokyo Night
Rose Pine
Create your own!
Features
**Real-time usage tracking**
Monitor session costs, 5-hour billing windows, and daily budgets with percentage alerts.
**Git integration**
Branch status, commits ahead/behind, working tree changes, and repository info at a glance.
**6 built-in themes**
Dark, light, nord, tokyo-night, rose-pine, and gruvbox themes with full custom color support.
**Multiple styles**
Minimal, powerline, capsule, and TUI panel display with unicode or ASCII character sets.
**Auto-wrap layout**
Segments automatically wrap to new lines based on terminal width. No more cutoff.
**Zero dependencies**
Lightweight and fast with no external dependencies to install.
Installation
Setup
Requires Node.js 18+, Claude Code, and Git 2.0+. For best display, install a [Nerd Font](https://www.nerdfonts.com/) or use `--charset=text` for ASCII-only symbols.
**1. Add to your Claude Code `settings.json`:**
{
"statusLine": {
"type": "command",
"command": "npx -y @owloops/claude-powerline@latest --style=powerline"
}
}
**2. Start a Claude session** - the statusline appears at the bottom during conversations.
...
Related Skills
Algorithmic Art
When users request creating art using code, generative art, algorithmic art, flow fields, or particle systemsCreate generative art using p5.js with seeded randomness, flow fields, and particle systems
Design official Brand Guidelines
When brand colors, style guidelines, visual formatting, or company design standards applyApply Anthropic's official brand colors and typography to artifacts
Design official Canvas Design
When user asks to create a poster, piece of art, design, or other static pieceCreate beautiful visual art in PNG and PDF documents using design philosophy
Design official Frontend Design
When user asks to build web components, pages, applications, dashboards, or style/beautify web UICreate distinctive, production-grade frontend interfaces with high design quality
Design official Slack Gif Creator
When users request animated GIFs for SlackCreate animated GIFs optimized for Slack's size constraints
Design official Theme Factory
When user wants to apply a theme or styling to an artifactStyle artifacts with professional themes including 10 pre-set color/font combinations
Design official Related Agents
Html Css
| Web standards for semantic markup, maintainable styling, and accessibility. | - | [wshobson/agents](https://github.com/wshobson/agents) |
ui-visual-validator
| You are an experienced UI visual validation expert specializing in comprehensive visual testing and... | sonnet | [wshobson/agents](https://github.com/wshobson/agents) |
Refactor Clean
| You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and... | - | [wshobson/agents](https://github.com/wshobson/agents) |