claude-skins

Tool calls with icons and timings, edits as diff cards, tables, code and Mermaid charts as cards,a live usage band, and sixteen skins you can repaint or have Claude design for you.

Install

Needs Claude Code 2.1.287 or later, in a terminal or the desktop app's Code tab. Run both inside Claude Code:

Restart Claude Code. The noir skin is on; type /skin to change it.

Looking for more mods? /plugin install mod-store@hellosverre-mods, then /mods browses and installs about 2,700 of them from a pane, showing what each one can access first.

Update

skins checks for a new release once a day and shows a toast when you are behind. To update:

Then restart Claude Code. Open sessions keep the version they started with.

Uninstall

To keep it installed but go back to Claude Code's own drawing, run /skin off.

Use

/skin help lists every command in Claude Code; /skin list shows every skin and setting.

Skins

Built-in skins: noir, tokyo-night, dracula, catppuccin, rose-pine, nord, gruvbox,
kanagawa, everforest, one-dark, solarized, night-owl, ayu, github, mono, terminal.

Options

Parts, each switched with /skin  on or off:

Design one with Claude. Ask "make me a skin that feels like a sunset". skins gives Claude a
design tool, so it builds the skin and applies it while you watch. Repainting a built-in skin saves
it as your own my-. Choices are remembered across sessions.

Preview

Drawn by the mod's own card code (scripts/previews.ts), not screenshots.

What it redraws

Every card has a Copy button (tables also as text, the table as drawn; a reply of several blocks ends in copy reply) and animates once, on first draw, respecting reduced motion. Only the
drawing changes: the stored conversation and what the model reads are untouched. Agents, plan mode
and the permission prompt…