Claude Code Themes — Development skill for Claude Code
Community themes for Claude Code.
How to install Claude Code Themes
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open Piebald-AI/claude-code-themes and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Claude Code Themes does
Community themes for Claude Code. Use tweakcc to apply them.
Alternatives in Development
- HTML Ppt Skill — HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML present 8.1k ★
- Community Plugins — Plugins from the Cursor community 4k ★
- Contributing To Claude Code Plugins — Thank you for your interest in contributing to the Claude Code Plugins marketplace 1.6k ★
README
Claude Code themes
Community themes for Claude Code. Use [tweakcc](https://github.com/Piebald-AI/tweakcc) to apply them.
Usage
To install and use a Claude Code theme:
- Run
npx tweakccto open the tweakcc TUI. - Go to Themes.
- Go to Browse community themes…
- Navigate themes using the arrow keys; press space to preview the theme, enter to install the theme, or esc to exit.
Contributing
To add a new theme:
- Create a JSON file in
themes/named.jsonin the format:
{
"name": "Theme Display Name",
"id": "theme-id",
"author": "your-github-username",
"colors": {
// (see theme template below)
}
}
- Make sure the theme's
idmatches its filename. - Add the theme to
index.jsonin the format:
{
"name": "Theme Display Name",
"id": "theme-id",
"author": "your-github-username"
}
- Run the following commands to install dependencies, format, and validate:
pnpm install
pnpm run format
pnpm run validate
- Open a PR.
Validation rules
namemust be 1-80 characters and cannot contain carriage returns, newlines, tabs, backticks, backslashes,<, or>.idmust be lowercase kebab-case.authormust be a valid GitHub username.- Every value in
colorsmust be eitherrgb(r,g,b)oransi:name. - Supported ANSI color names for
ansi:nameare:black,red,green,yellow,blue,magenta,cyan,white,gray,grey,blackBright,redBright,greenBright,yellowBright,blueBright,magentaBright,cyanBright, andwhiteBright.
Theme template
{
"name": "Theme Display Name",
"id": "theme-id",
"author": "your-github-username",
"colors": {
"autoAccept": "rgb(r,g,b)",
"bashBorder": "rgb(r,g,b)",
"claude": "rgb(r,g,b)",
"claudeShimmer": "rgb(r,g,b)",
"claudeBlue_FOR_SYSTEM_SPINNER": "rgb(r,g,b)",
"claudeBlueShimmer_FOR_SYSTEM_SPINNER": "rgb(r,g,b)",
"permission": "rgb(r,g,b)",
"permis
Related Skills
Claudette Community
Community themes, plugins, grammars, and recipes for Claudette.
Rogue Theme Factory Skill
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing page
Marp Slides
MARP presentation skill for Claude Code — 22 curated example decks, SVG charts, dark/light themes, dashboard c
Obsidian Emerge
Surface unnamed patterns from your recent notes — recurring themes, hidden connections, and conclusions you ha
Triage Feedback
Triage a batch of user feedback — cluster themes, score by frequency × severity × strategic fit, route top iss
WordPress MCP Elementor Wppilot
WordPress MCP server, Elementor MCP server and WooCommerce MCP server. Free: 103 typed abilities for posts, pa
Related Agents
Diagram Generator
Specialized agent for creating professional diagrams and visualizations for articles using MCP chart servers.
Context
Gathers all context needed to onboard a dataset to Data Basis — raw source URLs, documentation, organization,
Preview HTML Author
Use ONLY as part of the /design-md skill pipeline. Builds one self-contained preview HTML file (preview.html)