RenderingAppears in · Inline / BandAdded

claude-skins

A modern skin: tool rows, diffs, tables and code redrawn as cards.

claude-skins · Effect preview · IllustrationIllustrative
> Add pagination to the order list
⏺ I’ll look at the list component first.
◇ Read src/app.ts 0.2s
┌ src/app.ts +4 −1 ───────────────────┐
│ 12 − const limit = 10 │
ctx ▰▰▰▰▱▱ 62% 5h ▰▰▱▱▱▱ 31% [ Compact ]
❯

Illustration. Actual results depend on the mod, terminal and environment.

Install

/plugin marketplace add hellosverre/claude-skins
/plugin install skins@hellosverre-mods
/reload-plugins

Run these commands one at a time in a Claude Code session.

What it accesses

Based on the author’s documentation, checked when listed; use claude plugin validate to check for yourself.

Reads

Yes

Reads the session directory, context and plan usage, and the theme setting.

Writes files

Yes

Skin settings are kept in the mod store across sessions.

Runs commands

None

Network

None

Introduction

claude-skins is a mod that redraws the transcript: tool calls as rows with icons and timings, edits as diff cards, tables and code as animated cards, shell output in a terminal card, and a band above the prompt with context and plan limits plus a Compact button.

  • Seven skins, light and dark; the default is the black-and-white noir
  • /skin opens a settings page with a live preview, switches and repainting; /skin gallery numbers every element it draws
  • The mod gives Claude a design tool, so "make me a skin that feels like a sunset" builds one and applies it while you watch
  • The desktop app gets the fullest look; in the terminal, edits and shell output keep Claude Code's own drawing

The author states a skin only changes what is drawn, not the stored conversation or what the model reads. It reads the session directory, context and plan usage and the theme setting, keeps its settings in the mod store, starts no process, touches no file and makes no network call; it compacts only when you press Compact and copies only when you press Copy. Requires Claude Code 2.1.287+ in a terminal or the desktop Code tab. Not run-tested by this site; the preview is illustrative.

Who it is for

  • People who want a more modern-looking Claude Code
  • People who want Claude to help design their own colors

Requirements

  • Claude Code ≥ 2.1.287
  • Terminal or the desktop Code tab; the desktop app gets the fullest look.