Codex ネイティブ
成功
👍 0 · 投票する
theme-factory
Anthropic のテーマツールキットです。フォントの組み合わせを伴う 10 種類のプリセット配色（または生成したカスタムテーマ）を、ランディングページなどの完成した成果物に適用します。扱うのは色と書体だけで、レイアウトは扱いません。指示、10 個の小さなテーマファイル、ショーケース用 PDF で構成されます。
- パス
skills/theme-factory· SKILL.md- 固定したコミット
dbd4588f9e- ライセンス
- Apache-2.0
各プロンプトを、Codex ネイティブ、Codex + skill、Claude Code ネイティブ、Claude Code + skill の固定 2×2 で表示します。スクリーンショットをクリックするとページ全体を表示できます。インストールと使い方 ↓
得意なこと
skill 自身のドキュメントが主張している強みを、出典とともに挙げています。これは主張であって結果ではありません。下の実際のページと見比べてください。
- 完成したどんな成果物にも適用できる、配色とフォントを備えた 10 種類のプリセットテーマ。新しいテーマをその場で生成することもできる 出典
- 16 進カラーコード付きのまとまった配色と、見出しと本文に合うフォントの組み合わせ 出典
テスト範囲：SaaS のランディングページ、データダッシュボード、個人ブログとポートフォリオ。範囲外のプロンプトは「未実行」ではなく「対象外」と表示します。
第 2 弾の実行前に、skill の原文に基づいて決めました。原文が挙げているのはランディングページだけで、ダッシュボードとブログ兼ポートフォリオは「reportings」と「any artifact」を根拠にしています。
SaaS のランディングページ
landing-saas
データダッシュボード
dashboard
個人ブログとポートフォリオ
blog-portfolio
インストールと使い方
プロジェクト単位のインストール：固定したコミットの skill フォルダ（SKILL.md を含むフォルダ）をプロジェクトにコピーします。ギャラリーの実行でも同じ方法でインストールしました。
Claude Code
インストール
フォルダを <project>/.claude/skills/theme-factory/ にコピーします。
git clone https://github.com/anthropics/skills.git /tmp/theme-factory-src
git -C /tmp/theme-factory-src checkout dbd4588f9e1033efb41dad4bef2f7947c8993d44
mkdir -p .claude/skills
cp -R /tmp/theme-factory-src/skills/theme-factory .claude/skills/theme-factory使い方
# 対話モード
/theme-factory <タスク>
# または、任意のリクエストの末尾に次の 1 文を付ける
Use the theme-factory skill.
# ヘッドレス（ギャラリーの実行と同じ）
claude -p '<タスク> Use the theme-factory skill.'すべてのプロジェクトで使えるようにするには、代わりにフォルダを ~/.claude/skills/theme-factory/ に置いてください。Claude Code は、リクエストが skill の説明に一致すると、skill を自動的に読み込むこともあります。
Codex
インストール
フォルダを <project>/.agents/skills/theme-factory/ にコピーします。
git clone https://github.com/anthropics/skills.git /tmp/theme-factory-src
git -C /tmp/theme-factory-src checkout dbd4588f9e1033efb41dad4bef2f7947c8993d44
mkdir -p .agents/skills
cp -R /tmp/theme-factory-src/skills/theme-factory .agents/skills/theme-factory使い方
# 対話モード：メンションするか、/skills から選ぶ
$theme-factory <タスク>
# ヘッドレス（ギャラリーの実行と同じ）
codex exec -s workspace-write '<タスク> Use the $theme-factory skill.'すべてのプロジェクトで使えるようにするには、代わりにフォルダを ~/.agents/skills/theme-factory/ に置いてください。Codex も、skill の説明に基づいて skill を自動的に選ぶことがあります。
補足
- Written mainly for slide decks; the description also lists HTML landing pages.
- The documented workflow asks the user to pick a theme and waits; in one-pass cells the agent has to choose.
- Theme fonts are system fonts (DejaVu Sans etc.) meant for documents.
- Styles colour and type only, not layout.
メタデータ：skills/theme-factory/meta.yaml · Copyright 2026 Anthropic, PBC.