UI Themes — Design skill for Claude Code
Switchable UI themes for Claude Code: padded message boxes, themed markdown, matching status line.
How to install UI Themes
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open yugal1107/ui-themes and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What UI Themes does
Switchable UI themes for Claude Code: padded message boxes, themed markdown, matching status line.
Alternatives in Design
- Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
- Claude Powerline — by Owloops - A vim-style powerline statusline for Claude Code with real-time usage tracking, git integration 940 ★
- WP Block Themes — WordPress block theme development 902 ★
README
ui-themes
Switchable themes for the Claude Code terminal UI:
- Your prompts and Claude's replies drawn in padded, coloured boxes (Claude Code's defaults have no reply box and little prompt padding; the plugin draws both itself)
- Reply markdown in theme colours (headings,
inline code, bold, links, bullets, quotes) - A matching one-line status line: model (own icon and colour for Opus, Sonnet, Haiku and Fable), folder, git branch, context, 5h/7d limits
/ui-themeto pick a theme from a list and switch everything at once
Before and after
| Before: Claude Code default | After: claude-warm |
|---|---|
 |
 |
Replies get a padded charcoal box and themed markdown, prompts get a padded terracotta box, and the status line follows the theme.
Also included: night-blue, one /ui-theme next away
Why I made this
I like coding agents like [Pi](https://pi.dev/), [OpenCode](https://opencode.ai) and [Oh My Pi](https://github.com/can1357/oh-my-pi). Their terminal UIs are clean, structured and light. Claude Code's felt messy and heavy next to them, and I didn't enjoy using it.
But I still use Claude Code. Claude's models are what I want to work with, and my Claude subscription only works through the Claude Code CLI, not through other harnesses. So I was stuck with a UI I didn't like.
When Claude Code added mods, I started tuning it to feel more like those agents: padded message boxes, readable markdown colours, a compact status line, and themes I can switch in one command. It isn't a copy of any of them, and it isn't finished, but it's already much nicer to live in e
Related Skills
Claude Config Manager
Local, open-source UI for editing every Claude Code config file from one place — settings, CLAUDE.md, MCP serv
Lippstack
My Claude Code stack: mods (agents panel, stage bar, done notifications, status line), product owner skills fo
Dsh File Upload
DeepSeek Harness (dsh) file-message plugin: Claude-style drag-and-drop / paperclip upload, content sniffing, d
Tooling Agent Skill Markdown HTML Design System
Agent skill that decides and builds a complete, accessible HTML/CSS design system (130 components, DTCG tokens
Ivory
Make a piece in the Ivory style (sport-ivory): espresso cover with a cut-out person, ivory pages, champagne no
Twin Sparrow Japanese Design
Two retained surface principles for Twin-Sparrow product/UI work: a minimal-spacing hierarchy (hairlines and m
Related Agents
Page Writer Sonnet
Writes a long file from a short brief — the board, a chewed plan page, a status document, an explainer, a draf
Typed Gate Example
Reference pattern for a typed message-gate — an agent that blocks on a typed upstream verdict, emits a typed p
Commit Reviewer
Reviews a staged diff and drafts a Conventional Commits-compliant message matching the repository's actual his
