🎯

vscode-theme

🎯Skill

from jugyo/vscode-theme-skill

VibeIndex|
What it does

vscode-theme skill from jugyo/vscode-theme-skill

vscode-theme

Installation

git cloneClone repository
git clone https://github.com/jugyo/vscode-theme-skill.git
npm installInstall npm package
npm install -g @vscode/vsce
πŸ“– Extracted from docs: jugyo/vscode-theme-skill
3Installs
-
Last UpdatedDec 17, 2025

Skill Details

SKILL.md

Overview

# vscode-theme-skill

A Claude Code Skill that generates VSCode Color Themes and handles packaging and installation in one seamless workflow.

Prerequisites

The following tools are required:

  • Node.js
  • @vscode/vsce - npm install -g @vscode/vsce
  • code CLI command - In VSCode: Cmd+Shift+P β†’ "Shell Command: Install 'code' command in PATH"

Installation

Clone and copy the skill to your Claude Code skills directory:

```bash

git clone https://github.com/jugyo/vscode-theme-skill.git

cp -r vscode-theme-skill/skills/vscode-theme ~/.claude/skills/

```

Reload Claude Code for automatic activation.

Usage

Request theme creation in Claude Code like this:

```

"Create a blue-based dark VSCode theme"

"Make a Monokai-style VSCode theme"

"Create an eye-friendly light VSCode theme"

"I want to create a VSCode color theme"

```

The skill will automatically:

  1. Check and verify required tools
  2. Generate theme scaffolding
  3. Design and configure the color palette
  4. Package the extension
  5. Install to VSCode

Customization

After theme generation, you can provide feedback to adjust:

```

"Make the colors more subdued"

"Make the comment color darker"

"Change the accent color to red"

```

File Structure

```

vscode-theme-skill/

β”œβ”€β”€ LICENSE

β”œβ”€β”€ README.md

└── skills/

└── vscode-theme/

└── SKILL.md

```

License

MIT