jpskill.com
🎨 デザイン Anthropic公式 🟡 少し慣れが必要 👤 デザイナー・Web制作者

🎨 配色・フォント一括テーマ適用

theme-factory

スライド・ドキュメント・LP・レポートに「テーマ(配色・フォント)」を一括適用するSkill。10プリセット内蔵。

⏱ ロゴ初案3パターン 1週間 → 1時間

📺 まず動画で見る(YouTube)

▶ Claude Codeで業務自動化を完全攻略!AIエージェントを使いこなす技術と実践デモ ↗

※ jpskill.com 編集部が参考用に選んだ動画です。動画の内容と Skill の挙動は厳密には一致しないことがあります。

📜 元の英語説明(参考)

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

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

一言でいうと

スライド・ドキュメント・LP・レポートに「テーマ(配色・フォント)」を一括適用するSkill。10プリセット内蔵。

日本人がよく使う場面
・コーポレートカラーで全資料を統一 ・季節キャンペーン用に色変更を一斉適用 ・クライアント別にテーマを切替 ・新規 LP のトンマナを瞬時に決定

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

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

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

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

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

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

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

🎯 この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-17
取得日時
2026-05-17
同梱ファイル
2

💬 こう話しかけるだけ — サンプルプロンプト

  • 配色・フォント一括テーマ適用 を使って、ブランドカラーに沿ったデザイン案を3つ
  • 配色・フォント一括テーマ適用 で、既存のデザインをモダンにリフレッシュ
  • 配色・フォント一括テーマ適用 を使って、レイアウトを整えて

これをClaude Code に貼るだけで、このSkillが自動発動します。

📖 Skill本文(日本語訳)

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

Theme Factory スキル

このスキルは、プロフェッショナルなフォントとカラーテーマを厳選して提供します。各テーマには、慎重に選ばれたカラーパレットとフォントの組み合わせが含まれています。一度テーマが選択されると、あらゆる成果物に適用できます。

目的

プレゼンテーションのスライドデッキに一貫性のあるプロフェッショナルなスタイルを適用するために、このスキルを使用します。各テーマには以下が含まれます。

  • 16進数コード付きの統一感のあるカラーパレット
  • ヘッダーと本文テキスト用の相補的なフォントの組み合わせ
  • さまざまなコンテキストやオーディエンスに適した明確な視覚的アイデンティティ

使用方法

スライドデッキやその他の成果物にスタイルを適用するには:

  1. テーマショーケースを表示する: theme-showcase.pdf ファイルを表示し、利用可能なすべてのテーマを視覚的にユーザーに見せます。変更は加えずに、閲覧のためにファイルを表示するだけです。
  2. 選択を尋ねる: デッキに適用するテーマを尋ねます。
  3. 選択を待つ: 選択されたテーマについて明確な確認を得ます。
  4. テーマを適用する: テーマが選択されたら、選択されたテーマの色とフォントをデッキ/成果物に適用します。

利用可能なテーマ

以下の10種類のテーマが利用可能で、それぞれtheme-showcase.pdfで紹介されています。

  1. Ocean Depths - プロフェッショナルで落ち着いた海をテーマにしたテーマ
  2. Sunset Boulevard - 暖かく鮮やかな夕焼けの色
  3. Forest Canopy - 自然で落ち着いたアースカラー
  4. Modern Minimalist - クリーンで現代的なグレースケール
  5. Golden Hour - 豊かで暖かい秋のパレット
  6. Arctic Frost - クールで鮮明な冬をイメージしたテーマ
  7. Desert Rose - 柔らかく洗練されたダスティトーン
  8. Tech Innovation - 大胆でモダンなテクノロジーの美学
  9. Botanical Garden - フレッシュでオーガニックな庭園の色
  10. Midnight Galaxy - ドラマチックで宇宙的な深いトーン

テーマの詳細

各テーマはthemes/ディレクトリに定義されており、以下の完全な仕様が含まれています。

  • 16進数コード付きの統一感のあるカラーパレット
  • ヘッダーと本文テキスト用の相補的なフォントの組み合わせ
  • さまざまなコンテキストやオーディエンスに適した明確な視覚的アイデンティティ

適用プロセス

好みのテーマが選択された後:

  1. themes/ディレクトリから対応するテーマファイルを読み込みます。
  2. 指定された色とフォントをデッキ全体に一貫して適用します。
  3. 適切なコントラストと可読性を確保します。
  4. すべてのスライドでテーマの視覚的アイデンティティを維持します。

独自のテーマを作成する

既存のテーマが成果物に合わない場合は、カスタムテーマを作成します。提供された入力に基づいて、上記のものと同様の新しいテーマを生成します。フォント/色の組み合わせが何を表しているかを説明する、同様の名前をテーマに付けます。提供された基本的な説明を使用して、適切な色/フォントを選択します。テーマを生成した後、レビューと検証のために表示します。その後、上記のようにテーマを適用します。

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

Theme Factory Skill

This skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and font pairings. Once a theme is chosen, it can be applied to any artifact.

Purpose

To apply consistent, professional styling to presentation slide decks, use this skill. Each theme includes:

  • A cohesive color palette with hex codes
  • Complementary font pairings for headers and body text
  • A distinct visual identity suitable for different contexts and audiences

Usage Instructions

To apply styling to a slide deck or other artifact:

  1. Show the theme showcase: Display the theme-showcase.pdf file to allow users to see all available themes visually. Do not make any modifications to it; simply show the file for viewing.
  2. Ask for their choice: Ask which theme to apply to the deck
  3. Wait for selection: Get explicit confirmation about the chosen theme
  4. Apply the theme: Once a theme has been chosen, apply the selected theme's colors and fonts to the deck/artifact

Themes Available

The following 10 themes are available, each showcased in theme-showcase.pdf:

  1. Ocean Depths - Professional and calming maritime theme
  2. Sunset Boulevard - Warm and vibrant sunset colors
  3. Forest Canopy - Natural and grounded earth tones
  4. Modern Minimalist - Clean and contemporary grayscale
  5. Golden Hour - Rich and warm autumnal palette
  6. Arctic Frost - Cool and crisp winter-inspired theme
  7. Desert Rose - Soft and sophisticated dusty tones
  8. Tech Innovation - Bold and modern tech aesthetic
  9. Botanical Garden - Fresh and organic garden colors
  10. Midnight Galaxy - Dramatic and cosmic deep tones

Theme Details

Each theme is defined in the themes/ directory with complete specifications including:

  • Cohesive color palette with hex codes
  • Complementary font pairings for headers and body text
  • Distinct visual identity suitable for different contexts and audiences

Application Process

After a preferred theme is selected:

  1. Read the corresponding theme file from the themes/ directory
  2. Apply the specified colors and fonts consistently throughout the deck
  3. Ensure proper contrast and readability
  4. Maintain the theme's visual identity across all slides

Create your Own Theme

To handle cases where none of the existing themes work for an artifact, create a custom theme. Based on provided inputs, generate a new theme similar to the ones above. Give the theme a similar name describing what the font/color combinations represent. Use any basic description provided to choose appropriate colors/fonts. After generating the theme, show it for review and verification. Following that, apply the theme as described above.

同梱ファイル

※ ZIPに含まれるファイル一覧。`SKILL.md` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。