このエントリーは with Advent Calendar 2025 の17日目の記事になります。
はじめに
「Visual Studio Code（VS Code）のテーマ、もっと自分好みにしたい」と思ったことはありませんか？
でも、テーマを一から作るのは面倒...。そんなあなたに、Claude Code の Skill 機能を使って、自然言語だけで VS Code テーマを作る方法を紹介します。
vscode-theme-skill とは
Claude Code に「VS Code テーマを作って」とお願いするだけで、テーマの生成からインストールまで自動でやってくれる Skill です。
できること:
- カラーテーマの自動生成
- .vsix ファイルへのパッケージング
- VS Code への自動インストール
セットアップ
git clone https://github.com/jugyo/vscode-theme-skill.git
cp -r vscode-theme-skill/skills/vscode-theme ~/.claude/skills/
Claude Code を再起動すれば準備完了です。
使い方
Claude Code で自然言語でリクエストするだけ：
「レゴを連想させる vscode color theme を作って。light モードで。」
「Cyberpunk 2077 風の vscode color theme を作って。」
「エヴァンゲリオン風の vscode color theme を作って。」
「ジブリ映画のような自然で温かみのあるテーマを作って」
「マトリックス風の緑と黒のハッカーテーマを作って」
「桜をイメージしたピンク系のテーマを作って」
「深海をイメージした青のグラデーションテーマを作って」
あとは Claude Code がテーマの生成、パッケージング、インストールまで全部やってくれます。
完了したら VS Code で Cmd+K Cmd+T（Windows: Ctrl+K Ctrl+T）で新しいテーマを選択するだけ。
カスタマイズ
生成されたテーマが気に入らなければ、フィードバックで調整可能：
「もう少し落ち着いた色にして」
「コメントの色をもっと暗くして」
「アクセントカラーを赤に変えて」
会話しながら理想のテーマに近づけていけます。
作例
エヴァンゲリオン
マトリックス
ゲームボーイ
全体的にグレー
全体的に青
全体的に赤
まとめ
Claude Code の Skill 機能を使えば、自然言語だけで VS Code テーマを作成できます。デザインの知識がなくても、「こんな雰囲気のテーマが欲しい」と伝えるだけで OK。
ぜひ、自分だけのオリジナルテーマを作ってみてください。