jpskill.com
🛠️ 開発・MCP コミュニティ

theme-handler

shadcnやtweakcnを使って、アプリケーションのテーマを管理したり、最新の状態に更新したりすることで、デザインの一貫性を保ち、ユーザー体験を向上させるSkill。

📜 元の英語説明(参考)

Manage and update application themes using shadcn and tweakcn.

🇯🇵 日本人クリエイター向け解説

一言でいうと

shadcnやtweakcnを使って、アプリケーションのテーマを管理したり、最新の状態に更新したりすることで、デザインの一貫性を保ち、ユーザー体験を向上させるSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux 
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o theme-handler.zip https://jpskill.com/download/16918.zip && unzip -o theme-handler.zip && rm theme-handler.zip
🪟 Windows (PowerShell) 
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/16918.zip -OutFile "$d\theme-handler.zip"; Expand-Archive "$d\theme-handler.zip" -DestinationPath $d -Force; ri "$d\theme-handler.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して theme-handler.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → theme-handler フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動
⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

テーマハンドラー

手順

1. テーマの更新

アプリケーションのテーマを更新するには、利用可能なテーマリストからテーマを選択し、インストールコマンドを実行します。

  1. テーマの選択: 参照リストからテーマの URL を選択します。
  2. インストールコマンド: 次のコマンドを実行し、<theme-url> を選択したテーマの URL に置き換えます。
    pnpm dlx shadcn@latest add <theme-url>

2. 使用例

「テーマを 'Modern Minimal' に更新します。」

実行するコマンド:

pnpm dlx shadcn@latest add https://tweakcn.com/r/themes/modern-minimal.json

参照

利用可能なテーマとそのインストール URL の完全なリストについては、reference.md を参照してください。

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Theme Handler

Instructions

1. Updating the Theme

To update the application theme, choose a theme from the Available Themes list and run the installation command.

  1. Select a Theme: Pick a theme URL from the reference list.
  2. Install Command: Run the following command, replacing <theme-url> with your choice:
    pnpm dlx shadcn@latest add <theme-url>

2. Example Usage

"Update the theme to 'Modern Minimal'."

Command to run:

pnpm dlx shadcn@latest add https://tweakcn.com/r/themes/modern-minimal.json

Reference

See reference.md for a complete list of available themes and their installation URLs.