使い方ガイドへスキップ
theme-factory作者 Anthropic

Theme Factory スキル。

Claude Code と Codex 用のブランド・デザインシステムスキル:ページ、スライド、ドキュメントのカラーとタイポグラフィのテーマを適用・生成します。

  • ブランドとデザインシステム
anthropics/skills · skills/theme-factory/SKILL.mdSKILL.md
--- name: theme-factory description: 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. --- ## Purpose ## Usage Instructions ## Themes Available ## Theme Details ## Application Process ## Create your Own Theme
2026-09-14 にアップストリームファイルから読み取ったフロントマターとセクション見出し · 全 3,124 文字

01 できること

Claude CodeとCodexでtheme-factoryスキルが行うこと

概要、ワークフロー、出力。いずれもスキルの SKILL.md から読み取った内容です。

SKILL.md より2026年9月14日読取 · 実行記録ではありません

スキル自身の言葉で

Theme Factoryは、10種類の事前設定済みプロフェッショナルテーマを提供します。各テーマには一貫性のあるカラーパレット(16進コード)と、見出しおよび本文用のフォントの組み合わせが含まれており、プレゼンテーションのスライドデッキ、ドキュメント、レポート、またはHTMLランディングページに適用できます。ユーザーはまずtheme-showcase.pdfを確認してすべてのオプションを視覚的に確認し、好みのテーマを選択します。その後、スキルが成果物全体に一貫して色とフォントを適用します。

既存のテーマがどれもニーズに合わない場合、スキルはユーザーの入力に基づいてその場でカスタムテーマを生成し、確認のために表示した上で適用することができます。各テーマはthemes/ディレクトリ内で定義されており、それぞれ異なる用途や対象者に適した独自のビジュアルアイデンティティを持っています。

生成されるもの

  • 選択したテーマの色とフォントが成果物全体に一貫して適用されたスタイル済み成果物
  • 既存の10種類のテーマがユーザーのニーズに合わない場合のカスタムテーマ定義
プロンプト例を見る ↗

仕組み

  1. 01
    テーマショーケースを表示する

    このスキルはtheme-showcase.pdfファイルを表示し、ユーザーが利用可能なすべてのテーマを変更せずに視覚的に確認できるようにします。

  2. 02
    明確なテーマ選択を待つ

    このスキルは適用するテーマを尋ね、処理を進める前に選択されたテーマの明確な確認を待ちます。

  3. 03
    テーマ定義を読み込む

    選択後、スキルはthemes/ディレクトリから対応するテーマファイルを読み込み、完全な色とフォントの仕様を取得します。

  4. 04
    色とフォントを一貫して適用する

    このスキルは、適切なコントラスト、読みやすさ、ビジュアルアイデンティティを確保しながら、指定された色とフォントを成果物全体に適用します。

02 適合性を確認

theme-factory スキルを使用するタイミング

この種のブランドとデザインシステムの作業では、Claude Code または Codex で theme-factory スキルを使用してください。適合性と制限は、スキル自体のファイルから取得されています。

適している場合

  • プレゼンテーションのスライドデッキに一貫したプロフェッショナルなスタイルを適用する
  • 一貫性のある色とフォントのテーマでドキュメント、レポート、またはHTMLランディングページをスタイリングする
  • さまざまな用途や対象者に適した独自のビジュアルアイデンティティが必要な状況

    提供すべきもの

    • スタイリング対象の成果物テーマスタイリングを適用する必要がある既存のスライドデッキ、ドキュメント、レポート、またはHTMLページ。
    • カスタムテーマの説明(任意)カスタムテーマの場合、生成の指針となる希望の色やフォントの簡単な説明。

    03 スキルの内部

    theme-factory スキルが Claude Code と Codex に与えるルール

    SKILL.md がエージェントに設定する 5 つの具体的な指示、デフォルト、制限 — ファイルの中でも結果を左右する部分です。

    1. ショーケースPDFを直接編集しない

      theme-showcase.pdfは、変更を加えず表示のみを行う必要があります。

    2. 常に明示的な選択を待ちます

      スキルは、選択したテーマを適用する前に、そのテーマについて明示的な確認を得る必要があります。

    3. Themes/ ディレクトリからテーマを読み込みます

      テーマ定義は themes/ ディレクトリから読み込む必要があり、このディレクトリには10種類のテーマそれぞれの完全な仕様が含まれています。

    4. すべてのスライドで視覚的な一貫性を保つ

      テーマを適用する場合、スキルは成果物内のすべてのスライドにわたって、そのテーマの視覚的アイデンティティを一貫して維持する必要があります。

    5. 必要に応じてカスタムテーマを生成

      既存の10種類のテーマのいずれも適していない場合、スキルは既存のテーマと同様の説明的な名前を持つ新しいカスタムテーマを生成し、レビュー用に表示した上で適用する必要があります。

    04 実際に使う

    Claude Code または Codex に theme-factory をインストール

    npx skills add コマンドを実行し、エージェントで最初のタスクを実行して、結果をチェックリストで確認します。

    Claude Code、Codex、またはお使いのエージェントに theme-factory を追加

    プロジェクトで実行してください。インストーラーが、どのエージェントに追加するかを尋ねます。

    Terminal
    npx skills add https://github.com/anthropics/skills --skill theme-factory

    skills/theme-factory/SKILL.md用の汎用skills CLIフォーマットです。リポジトリ側で独自のパスが定義されている場合があります。

    最初のブランドおよびデザインシステムの作業タスクをスキルに与える

    スキル自身の用語で記述されています。角括弧の部分はご自身の内容に置き換えてください。

    Starter prompt
    I have a presentation deck about our Q4 product roadmap for enterprise clients. Show me the available themes, then apply Ocean Depths to all slides—I want the professional and calming maritime look for this audience.

    出典:SKILL.md をスキル自身の用語に沿って記述。

    最初の結果を確認

    SKILL.md 自体が正しい結果として示しているもの:

    • テーマを適用した後も、適切なコントラストと可読性が維持されていることを確認します
    • カスタムテーマについては、適用前にレビュー用に表示されたことを確認してください

    OpenDesignでは theme-factoryが同梱されています:Plugins → Skillsで、トップバーから選択してください。

    05 オープンソースで追跡可能

    ソース、ライセンス、検証

    このページの情報の出所と、最終確認日時です。

    Author
    Anthropic
    Repository
    github.com/anthropics/skills ブランチ main
    スキルファイル
    skills/theme-factory/SKILL.md 検証時にコンテンツチェックサムを記録、コミット 34040c9
    License
    Apache-2.0 skills/theme-factory/LICENSE.txt より。SKILL.md には「完全な条件は LICENSE.txt に記載」と記載されています。
    リポジトリスター数
    176,183 anthropics/skills リポジトリ全体の GitHub スナップショット(2026-09-14取得)。このカタログには7個のスキルが含まれています。theme-factory の評価や使用数ではありません。
    OpenDesign により検証済み
    2026-09-14 ソースファイル、パス、ライセンステキスト、スター数を確認済み。OpenDesign メイン版に同梱(2026-08-28 確認)。このページでは実際の実行記録はまだありません。

    SKILL.md の中身

    1. 目的このスキルが、カラーとフォントのテーマを用いてスライドデッキに一貫したプロフェッショナルなスタイルを適用することを説明します
    2. 使用方法4段階のプロセス:ショーケースPDFを表示し、選択を求め、選択を待ち、テーマを適用します
    3. 利用可能なテーマ10種類のプリセットテーマをすべて名前で列挙し、それぞれの見た目の特徴を1行で説明します
    4. テーマの詳細themes/ ディレクトリ内の各テーマには、カラーパレット、フォントの組み合わせ、ビジュアルアイデンティティが含まれていることを記載しています
    5. 適用プロセステーマファイルを読み込み、適切なコントラストを保ちながら色とフォントを適用するワークフローを定義します
    6. 独自のテーマを作成する既存のテーマが合わない場合に、カスタムテーマを生成するための手順で、適用前のレビューも含みます
    スキル自身による説明
    「テーマで成果物をスタイリングするためのツールキット。これらの成果物には、スライド、ドキュメント、レポート、HTMLランディングページなどがあります。作成された成果物に適用できる10個のプリセットテーマ(カラー・フォント付き)があり、またはその場で新しいテーマを生成することもできます。」

    SKILL.md の前付け説明です。完全なファイルは約3,124文字です。GitHub で完全なファイルを読む。

    06 インストールする前に

    theme-factory スキルに関するご質問

    回答は 2026-09-14 時点で読んだ SKILL.md に基づくもので、記録された実行結果によるものではありません。

    テーマはいくつ用意されており、どこで確認できますか?

    事前に用意されたテーマは10種類あり、それぞれtheme-showcase.pdfファイルで紹介されています。スキルはこのPDFを表示するので、選択する前にすべてのオプションを視覚的に確認できます。

    Theme Factory

    実際のブランドと design-system の作業タスクで theme-factory を実行する

    theme-factory スキルは OpenDesign に組み込まれています。アプリをダウンロードし、Plugins → Skills でスキルを選択し、上記のプロンプトを貼り付けて、結果の前にプランを確認してください。

    ターミナル
    npx skills add https://github.com/anthropics/skills --skill theme-factory