mcpField
T
theme-factory

theme-factory

github.com/shipshitdevデザイン・UI38155 回インストール3 日前に更新
リポジトリ

theme-factory について

theme-factoryは、スライドデッキやほかのArtifactに、選んだカラーパレットとフォントの組み合わせを適用するスキルです。10種類のテーマがあり、合うものがない場合はカスタムテーマも作成できます。

主な機能

  1. 0110種類のテーマを確認
  2. 02カラーパレットとフォントを組み合わせ
  3. 03選んだテーマを一貫して適用
  4. 04レビュー用のカスタムテーマを作成

活用シーン

  1. 01スライドデッキのビジュアルスタイルを選択
  2. 02Artifact全体の色とフォントを統一

インストール

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

$npx skills add https://github.com/shipshitdev/skills --skill theme-factory

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

同梱ファイル

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

LICENSE.txt
plugin.json
README.md
themes/
arctic-frost.md
botanical-garden.md
desert-rose.md
forest-canopy.md
golden-hour.md
midnight-galaxy.md
modern-minimalist.md
ocean-depths.md
sunset-boulevard.md
tech-innovation.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. 適切なコントラストと読みやすさを確保します。
  4. すべてのスライドでテーマのビジュアルアイデンティティを維持します。

独自のテーマを作成する

既存のテーマがどれも成果物に適さない場合は、カスタムテーマを作成します。提供された入力に基づき、上記のテーマと同様の新しいテーマを生成します。フォントや色の組み合わせが表す内容を説明する、同様の名前を付けます。提供された基本的な説明を参考に、適切な色やフォントを選びます。テーマを生成したら、確認と検証のために表示します。その後、上記の手順に従ってテーマを適用します。

コメント