総合 324 位公式ベンダー✳ デザイン・UIClaude Code 対応

theme-factory

スライドや文書、HTML の頁に、配色 4 色と見出し・本文の書体を組にした「型」を当てさせる。用意された 10 の型を見本の PDF で見せて選ばせるか、条件を伝えて新しい型を作らせる。Anthropic 公式

anthropicsskillsSKILL.md の原文

npx skills add anthropics/skills/theme-factory

入れる前にこのスキルがすること・注意点・SKILL.md の原文を確かめてください。解析は安全性の判定ではありません。

インストール
97,556
実用度
33
GitHub star
188,110
最終更新
2026/10/29

頼み方の例

そのままコピーして使えます

theme-factoryスキルを使って、この四半期報告のスライドに型を当ててください。先に見本の PDF を見せて、私が型を選ぶまで待ってください。日本語の文字は Noto Sans JP で表示してください。

対象のファイルや状況は、ご自身の作業に合わせて置き換えてください。

このスキルがすること

SKILL.md の記述から機械的に抽出
  • 外部通信・シェル実行・ファイル操作の記述は見つかりませんでした

これは安全性の判定ではありません。 SKILL.md にそう書かれているという事実だけを並べています。実際に問題があるかは使い方と文脈で決まるため、当サイトでは断定しません。導入前に SKILL.md の原文を確認してください。

SKILL.md の規模

文字数
3,124
手順
18
コード例
0
同梱ファイル
12

いつ使うか

スライドや報告書、HTML の頁の配色と書体を、決まった組から選んで揃えたいときのスキルです。型は 1 つにつき 4 色の配色と、見出し・本文の書体の組でできていて、選んだら作品の全体に同じように当てます。

説明文が挙げる相手は、スライド・文書・報告・HTML の頁などです。本文の手順はスライドを主な相手として書かれています。資料を作るスキルが別にあり、その見た目を手早く揃えたい場面で効きます。

用意された型
10 種
1 つの型の配色
4 色
見本の PDF(2026-10-23 時点)
10 頁
同梱ファイル(2026-10-23 時点)
12 件

手順は 4 段

  1. 見本を見せる同梱の theme-showcase.pdf を見せる。PDF には手を加えない
  2. 選んでもらうどの型を当てるかを聞く
  3. はっきり決まるまで待つ選んだ型の確認をはっきり取る
  4. 当てる型のファイルを読み、色と書体を全体に揃えて当てる。文字と背景の差と読みやすさも確かめる

本文は、選ばれるまで待つ段を独立させています。エージェントが勝手に型を決めて当てる作りではありません。

用意されている 10 の型

型ごとに、4 色の値(16 進)、見出しと本文の書体、向いている用途が themes/ に 1 枚ずつ書かれています。

型印象書体(見出し/本文)向いている用途の例
Ocean Depths落ち着いた紺と青緑DejaVu Sans企業の発表、財務報告
Sunset Boulevard夕焼けの暖色DejaVu Serif/DejaVu Sans企画の提案、販促
Forest Canopy森の緑と生成りFreeSerif/FreeSans環境、持続可能性の報告
Modern Minimalist灰色の濃淡DejaVu Sans技術、設計の作品集
Golden Hour秋の黄土と茶FreeSans飲食、宿泊
Arctic Frost冬の淡い青と銀DejaVu Sans医療、技術
Desert Roseくすんだ薔薇色FreeSans服飾、美容、婚礼
Tech Innovation青と水色の強い対比DejaVu Sans新興企業、製品の発表
Botanical Garden緑と橙の庭の色DejaVu Serif/DejaVu Sans園芸、食品
Midnight Galaxy深い紫と青FreeSans娯楽、ゲーム

見出しは各書体の太字です。用途の欄は、各ファイルの「Best Used For」から主なものを抜いています。

合う型が無ければ作らせる

どの型も合わないときは、伝えた条件から新しい型を作ります。既存の型と同じ形(4 色と書体の組)で、組み合わせを表す名前を付け、いったん見せて確かめてから当てる流れです。

使わないほうがいいとき

会社の決まった色や書体があるとき

ブランドの指定がすでにあるなら、型から選ぶ意味は薄くなります。新しい型を作る手順はありますが、条件の説明から色を選ぶ作りなので、指定の値をそのまま使わせるほうが確実です。

資料そのものを作りたいとき

このスキルが扱うのは配色と書体だけです。スライドの中身や構成は作りません。PowerPoint のファイルを作るなら pptx、Word なら docx と組み合わせます。

一点ものの作品を作りたいとき

ポスターのように、設計の考え方から形と色を起こしたいなら、同じ公開元の canvas-design のほうが合います。こちらは決まった組を当てて揃える道具です。

注意点

解析で分かること

SKILL.md の解析では、外部通信・シェル実行・ファイル書き換えの記述は見つかっていません。同梱ファイルは 12 件で、見本の PDF、型のファイル 10 枚、LICENSE.txt です。スクリプトはありません(2026-10-23 時点)。

型を当てる段では、相手のスライドや文書をエージェントが書き換えます。元のファイルは控えを取ってから頼んでください。

書体は欧文だけ

書体は端末に入っている前提

型のファイルは書体の名前を書いているだけで、書体のファイルは同梱されていません。DejaVu や Free 系の書体が入っていない端末では、別の書体に置き換わって表示されます。

色の名前と値が合わないものがある

Sunset Boulevard の「Deep Purple」は、値が #264653 で、見た目は暗い青緑です。名前ではなく値で確かめてから使ってください。

見本の PDF はそのまま見せるだけ

本文は、theme-showcase.pdf に手を加えず、見せるだけにせよと決めています。PDF を表示できない環境なら、themes/ の型のファイルにある色の値と書体を並べてもらって選ぶ手もあります。

ライセンスは Apache-2.0

同梱の LICENSE.txt は Apache License 2.0 です。リポジトリの README は、ここのスキルを実演と学習のためのものとし、大事な作業に使う前に自分の環境でよく試すよう断っています。

インストール数の推移

日次で記録

9月18日 〜 11月7日(49日分)

インストール数と 1 日あたりの増加は Skillselion が に集計した値です。上流の更新は数日おきなので、前日比ではありません。GitHub star と最終更新は に GitHub から取得しました。

よくある質問

型を選ばずに、おまかせで当ててもらえますか

本文の手順は、見本を見せて選んでもらい、はっきり決まるまで待つ形です。おまかせにしたいなら、依頼文で「この型を当てて」と型の名前を指定すると、選ぶ段を短くできます。

1 つの型に色はいくつありますか

4 色です。たとえば Ocean Depths は、紺(#1a2332)、青緑(#2d8b8b)、淡い水色(#a8dadc)、生成り(#f1faee)の組です。背景・差し色・文字のどれに使うかも、型のファイルに添えられています。

新しい型は保存されますか

本文は、新しい型を作って見せ、確かめてから当てる、とだけ書いています。themes/ に書き足す指示は無いので、次も使いたいなら、型の中身を自分で控えておいてください。

Claude Code でも使えますか

使えます。公開元の README は、このリポジトリを Claude Code のプラグインの置き場として登録する方法を案内していて、このスキルは example-skills に含まれています(2026-10-23 確認)。

同じ分類のスキル

✳ デザイン・UI

デザイン・UIのスキルをすべて見る →

← スキル一覧に戻る/ このスキルを他と比べる