Piebald-AI

Claude Code Themes — Development skill for Claude Code

Development community

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:

  1. Run npx tweakcc to open the tweakcc TUI.
  2. Go to Themes.
  3. Go to Browse community themes…
  4. 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:

  1. Create a JSON file in themes/ named .json in the format:
{
  "name": "Theme Display Name",
  "id": "theme-id",
  "author": "your-github-username",
  "colors": {
    // (see theme template below)
  }
}
  1. Make sure the theme's id matches its filename.
  2. Add the theme to index.json in the format:
{
  "name": "Theme Display Name",
  "id": "theme-id",
  "author": "your-github-username"
}
  1. Run the following commands to install dependencies, format, and validate:
pnpm install
pnpm run format
pnpm run validate
  1. Open a PR.

Validation rules

  • name must be 1-80 characters and cannot contain carriage returns, newlines, tabs, backticks, backslashes, <, or >.
  • id must be lowercase kebab-case.
  • author must be a valid GitHub username.
  • Every value in colors must be either rgb(r,g,b) or ansi:name.
  • Supported ANSI color names for ansi:name are: black, red, green, yellow, blue, magenta, cyan, white, gray, grey, blackBright, redBright, greenBright, yellowBright, blueBright, magentaBright, cyanBright, and whiteBright.

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