cs-web-customize-statusline

What problem does it solve?

This Skill eliminates the frustration of using a tedious terminal-based question-and-answer wizard to customize your Claude Code statusline by providing an intuitive, visual browser-based editor that shows real-time previews of every change you make.

Core Features & Use Cases

• Drag-and-drop widget layout: Arrange statusline widgets by dragging them between grid cells, duplicate widgets, adjust bar widths, and customize spacer text and colors directly in the UI.
• Live preview: See exactly how your statusline will look by rendering actual PowerShell output against mock data, with support for multiple color palettes and per-widget color overrides.
• One-click apply: Save your customized statusline to ~/.claude/ with automatic timestamped backups of your previous configuration, no need to restart Claude Code.
• Use Case: If you want to rearrange your statusline to show your most-used widgets first, switch to a high-contrast color palette for better readability, and adjust the width of your rate limit bars, you can do all of this in minutes using the visual editor instead of answering dozens of terminal prompts.

Quick Start

Use the cs-web-customize-statusline skill to open the visual statusline editor in your default browser, arrange your widgets and colors as desired, then click Apply to update your Claude Code statusline instantly.