LLMSkillHub
mirroredCopied from hellosverre/claude-skins under MIT. hellosverre has not claimed this page, and is not affiliated with LLM SkillHub.

hellosverre / skin-designer

Design or change the person's Claude Code transcript skin with the skins mod. Use when they ask to restyle, recolour or theme Claude Code, make a skin from a mood, a brand, a wallpaper or another theme, change the spinner or footer words, or switch the rail, tables or shimmer on or off.

0
SKILL.md
2.5 KB

Designing a skin

The skins mod redraws this transcript: tool calls on a timeline rail, tables with a header band and
zebra rows, a shimmering spinner and a turn footer. It gives you one tool, mcp__skins__design, and
every change shows on screen the moment the call returns.

Steps

  1. Call {"action": "show"}. It returns the current skin's palette, what each slot paints, the
    built-in skins and the ones already made.

  2. Pick the built-in skin closest to what they asked for as base; a made skin only lists the slots
    it changes.

  3. Call save with a lowercase hyphenated name, the base, the changed palette slots, and, when
    the mood calls for it, spinner gerunds and done past-tense words that match it.

  4. Tell them what you changed in one line, and that /skin opens the settings to fine-tune it.
{
  "action": "save",
  "name": "sunset",
  "base": "gruvbox",
  "palette": { "user": "#ff8a5b", "run": "#ffcf70", "surface": "#3a2b2b", "zebra": "#2e2424" },
  "spinner": ["Glowing", "Fading", "Drifting"],
  "done": ["Set", "Faded"]
}

What makes a skin look good

  • One accent. user paints the rail, the prompt marker and the spinner. Make it the colour the
    skin is about; leave everything else quieter.

  • Readable text. fg and muted sit on the person's terminal background, which is almost always
    dark. Keep muted clearly readable: it carries commands, paths and timings.

  • Quiet bands. surface and zebra are backgrounds behind table rows. Keep them one small step
    off a dark background, never bright, or tables turn into stripes.

  • Kinds told apart. read, write, run, search, web and mcp colour tool names. Give the
    common ones (run, write, read) clearly different hues.

  • Status stays conventional. Keep ok green-ish and err red-ish whatever the theme.

Other actions

  • {"action": "apply", "name": "nord"} switches skins.
  • {"action": "delete", "name": "sunset"} removes a made skin.

  • {"action": "settings", "settings": {"rail": false, "shimmer": true, "tables": true, "clip": false, "icons": "ascii"}}
    switches the parts on and off. icons: "ascii" helps terminals whose font lacks the glyphs.