theme-factory について
theme-factoryは、スライドデッキやほかのArtifactに、選んだカラーパレットとフォントの組み合わせを適用するスキルです。10種類のテーマがあり、合うものがない場合はカスタムテーマも作成できます。
主な機能
- 0110種類のテーマを確認
- 02カラーパレットとフォントを組み合わせ
- 03選んだテーマを一貫して適用
- 04レビュー用のカスタムテーマを作成
活用シーン
- 01スライドデッキのビジュアルスタイルを選択
- 02Artifact全体の色とフォントを統一
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ shipshitdev/ skills --skill theme-factoryインストール後、Claude Code で/theme-factoryを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
LICENSE.txtplugin.jsonREADME.mdthemes/arctic-frost.mdbotanical-garden.mddesert-rose.mdforest-canopy.mdgolden-hour.mdmidnight-galaxy.mdmodern-minimalist.mdocean-depths.mdsunset-boulevard.mdtech-innovation.md詳細
Theme Factory Skill
フォントとカラーテーマのコレクションです。それぞれにカラーパレットとフォントの組み合わせが用意されています。テーマを選択すると、あらゆる成果物に適用できます。
目的
各テーマには、次の要素が含まれています。
- まとまりのあるカラー パレットと16進数コード
- 見出しと本文に適した、相性の良いフォントの組み合わせ
- さまざまな場面や対象に適した、独自のビジュアルアイデンティティ
使用方法
スライドデッキやその他の成果物にスタイルを適用するには、次の手順に従います。
- テーマ一覧を表示する:
theme-showcase.pdfファイルを表示し、利用可能なすべてのテーマを視覚的に確認できるようにします。このファイルには一切変更を加えず、閲覧用に表示するだけにしてください。 - 希望するテーマを尋ねる:デッキに適用するテーマを尋ねます。
- 選択を待つ:選んだテーマについて、明確な確認を得ます。
- テーマを適用する:テーマが選択されたら、そのテーマの色とフォントをデッキ/成果物に適用します。
利用可能なテーマ
次の10種類のテーマを利用できます。各テーマはtheme-showcase.pdfで紹介されています。
- Ocean Depths - プロフェッショナルで落ち着いた海洋テーマ
- Sunset Boulevard - 暖かく鮮やかな夕焼けの色合い
- Forest Canopy - 自然で落ち着きのあるアースカラー
- Modern Minimalist - すっきりとした現代的なグレースケール
- Golden Hour - 深みのある暖かな秋色のパレット
- Arctic Frost - 冷たく澄んだ、冬をイメージしたテーマ
- Desert Rose - 柔らかく洗練された、くすみのある色合い
- Tech Innovation - 大胆で現代的なテクノロジーの美学
- Botanical Garden - 爽やかで自然な庭園の色合い
- Midnight Galaxy - ドラマチックで宇宙を思わせる深い色合い
テーマの詳細
各テーマはthemes/ディレクトリに定義されており、次のような仕様がすべて記載されています。
- まとまりのあるカラー パレットと16進数コード
- 見出しと本文に適した、相性の良いフォントの組み合わせ
- さまざまな場面や対象に適した、独自のビジュアルアイデンティティ
適用手順
希望するテーマが選択されたら、次の手順に従います。
themes/ディレクトリから該当するテーマファイルを読み込みます。- 指定された色とフォントをデッキ全体で一貫して適用します。
- 適切なコントラストと読みやすさを確保します。
- すべてのスライドでテーマのビジュアルアイデンティティを維持します。
独自のテーマを作成する
既存のテーマがどれも成果物に適さない場合は、カスタムテーマを作成します。提供された入力に基づき、上記のテーマと同様の新しいテーマを生成します。フォントや色の組み合わせが表す内容を説明する、同様の名前を付けます。提供された基本的な説明を参考に、適切な色やフォントを選びます。テーマを生成したら、確認と検証のために表示します。その後、上記の手順に従ってテーマを適用します。
コメント
Markdown 対応