rashedInt32

Claude Hl — Design skill for Claude Code

Design community

Syntax colours for shell commands in Claude Code's output, Codex-style.

How to install Claude Hl

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

What Claude Hl does

Syntax colours for shell commands in Claude Code's output, Codex-style. A PTY wrapper; Claude Code runs unchanged.

Alternatives in Design

README

claude-hl

Syntax colours for shell commands in Claude Code's output. Like Codex does it.

![The same Claude Code session, plain on top and painted by claude-hl below](docs/before-after.png)

Claude Code shows inline commands in one flat colour. `git commit -m "fix" --no-verify` is just a string. claude-hl sits between Claude Code and your terminal and paints the command blue, the flags pink, the string gold. Claude Code itself runs unchanged, so hooks, skills, MCP, permissions and `/rc` all keep working.

Install

Needs a Rust toolchain ([rustup.rs](https://rustup.rs)).

cargo install --git https://github.com/rashedInt32/claude-hl

That drops `claude-hl` into `~/.cargo/bin`, which rustup already put on your PATH. Or clone and build it yourself:

git clone https://github.com/rashedInt32/claude-hl
cd claude-hl
cargo build --release
cp target/release/claude-hl ~/.local/bin/

One dependency (`libc`), one 411 KB binary. Built and used on macOS; Linux should work but hasn't been tried.

Use

claude-hl                  # instead of `claude`; any args pass straight through
claude-hl --resume abc123

That's it. There's nothing to configure.

Tweak

Variable What it does
CLAUDE_HL_THEME=rose Pick a palette: codex (default), rose, catppuccin, tokyonight, dracula, gruvbox, nord
CLAUDE_HL_COLORS=cmd=89b4fa,num=fab387 Override single slots of the theme. Slots: cmd sub flag string path op num var url comment tool err warn ok
CLAUDE_HL_CODE_BG=2a2a3a Draw a background behind inline code, GitHub style. Off by default
CLAUDE_HL_COMMANDS="bash sh -make" Grow the vocabulary without a rebuild. word adds a command, word:sub adds one that takes subcommands (just:sub), -word removes one
CLAUDE_HL_CMD=codex Wrap a different program
CLAUDE_HL_REMAP=b1b9f9=a99cff Recolour any exact foreground the app draws. Comma-separate pairs; empty disables
`CLAUDE_HL_DUMP=/tm