mcpField
T
theme-factory

theme-factory

github.com/sickn33デザイン・UI48.7k511 回インストール1 日前に更新
リポジトリ

theme-factory について

プレゼンテーションや文書などに配色とフォントを適用するデザインスキルです。10種類のテーマとカスタムテーマ作成に対応し、コントラスト、フォントの代替、書き出し結果も確認します。

主な機能

  1. 01配色とフォントのテーマを10種類提供
  2. 02カスタムテーマの作成
  3. 03選択したテーマの適用
  4. 04文字のコントラストと可読性の確認
  5. 05書き出しとフォント代替の確認

活用シーン

  1. 01プレゼンテーションの見た目を統一
  2. 02文書に指定ブランドの配色を適用
  3. 03新しい成果物向けのテーマを作成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill theme-factory

インストール後、Claude Code で/theme-factoryを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

LICENSE.txt
themes/
botanical-garden.md
golden-hour.md
desert-rose.md
modern-minimalist.md
forest-canopy.md
midnight-galaxy.md
sunset-boulevard.md
tech-innovation.md
ocean-depths.md
arctic-frost.md

詳細

Theme Factory Skill

ローカルカタログのレビューで変更:選択範囲、移植性、コントラストを明確化し、ショーケースのテキストコントラストを修正しました。

このスキルは、プロフェッショナルなフォントとカラーテーマを厳選して集めたものです。それぞれ、慎重に選んだカラーパレットとフォントの組み合わせを備えています。テーマを選ぶと、あらゆる成果物に適用できます。

目的

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

  • 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. 読みやすい前景色と背景色の組み合わせを選び、実際のテキストサイズでコントラストを測定します。パレットに含まれているだけでは、使いやすい組み合わせであるとは限りません。Arctic Frost の Ice Blue を白の上で使用したり、Tech Innovation の Cyan を白の上で使用したり、Golden Hour/Desert Rose の落ち着いたアクセントカラーを暗い背景の小さな本文テキストに使用したりしないでください。
  4. すべてのスライドで、テーマのビジュアルアイデンティティを維持します

独自のテーマを作成する

既存のテーマが成果物に適さない場合は、カスタムテーマを作成します。提示された情報を基に、上記のテーマに似た新しいテーマを作成してください。フォントと色の組み合わせが表すものを説明する、同様の名前を付けます。提示された簡単な説明を基に、適切な色とフォントを選びます。テーマを作成したら、確認と検証のために表示します。その後、上記の手順に従ってテーマを適用します。

使用する場面

依頼されたプレゼンテーション、文書、その他の成果物に、用意されている色とフォントのパレットのいずれかを適用する場合や、ユーザーからスタイル設定を委任され、カスタムパレットを作成する場合に使用します。

ポータビリティと出力の確認

フォントは推奨されているものであり、同梱アセットではありません。対象環境で利用可能か、埋め込みが許可されているかを確認してください。フォントを自動でインストールまたはダウンロードせず、適切な代替フォントを使用してください。既存のブランドカラーと意味上の色、グラフの意味と内容は維持してください。依頼された成果物のみをスタイル設定し、編集可能なソースを保持したうえで、最終出力を確認し、テキストの切れ、代替フォント、コントラスト、欠落グリフがないかを確認してください。同梱の PDF はパレットのサンプルを示すものであり、色見本はテキストカラーとして一律に推奨されているわけではありません。カスタムパレットは、インストール済みのスキルツリー内ではなく、タスクのワークスペースに作成してください。

制限事項

  • タスクが上記の対象範囲に明確に一致する場合にのみ、このスキルを使用してください。
  • 出力を、環境固有の検証、テスト、または専門家によるレビューの代替として扱わないでください。
  • 必要な入力、権限、安全上の境界、または成功基準が不足している場合は、作業を中断して確認を求めてください。

コメント