# 生成した 10 ページを 1 つの製品に見せるには

Canonical URL: https://bestskillsforclaude.com/ja/skills/theme-factory
Language: ja
Skill: theme-factory
Publisher: Anthropic (https://github.com/anthropics)
Source: https://github.com/anthropics/skills/tree/main/skills/theme-factory
License as stated by the publisher: Apache 2.0
Runtime: Claude apps and Claude Code
Category: デザインとインターフェース
Last reviewed: 2026-08-05

スタイルを 10 回説明するのではなく、テーマを 1 回作って適用します。

## Short answer
theme-factory スキルは、色、書体、コンポーネントの装飾を含む再利用可能なテーマを作り、生成物へ一貫して適用できるようにします。個々のページは魅力的なのに、並べると統一感がないという問題を解きます。

Best for: 1 つのシステムに見せる必要がある複数の画面、アーティファクト、文書を作る人。
Skip it if: 作るものが 1 つだけの場合。テーマは見返りのない手間になります。

## What to remember
- テーマは一貫性を記憶ではなく仕組みの問題に変えます。
- 一度テーマを決めるほうが、毎回スタイルを説明するより速いです。
- brand-guidelines の下層にあります。ブランドが規則、テーマが実装です。
- テーマは大きく異なる 2 つのレイアウトで確認してください。壊れるのはそこです。

## 実務で何が変わるか
生成物がぶれるのは、毎セッションでスタイルを決め直すからです。テーマはその判断を指示文の外に出し、再利用と修正ができる成果物に変えます。
レビューも安くなります。テーマを 1 回見るほうが、それを使う全ページの装飾を毎回見るより速いからです。

## 期待に届かない点
スクリーンショット 1 枚から作ったテーマは浅くなりがちです。色は拾えても余白とリズムが落ち、製品の一貫性を実際に支えているのはその 2 つです。
状態の多いコンポーネント群は手作業が残ります。生成テーマは hover、無効、エラーを一貫して覆えないことがほとんどです。

## Install and first run
1. anthropics/skills から Apache 2.0 で導入します。
2. 既存製品または記述した方向性からテーマを作り、名前を付けます。
3. 同じテーマで異なる 2 ページを作り、並べて比べてから先に進みます。

## Questions
### brand-guidelines との違いは
ガイドラインは規則の宣言、テーマはその規則が生む実装です。

### 既存サイトからテーマを作れますか
作れますし一般的な出発点です。ただし取りこぼしやすい余白と状態は必ず確認してください。

### 文書と画面の両方で使えますか
部分的にです。画面で最も効き、文書形式には別途テンプレートが必要です。

## Sources
- GitHub の anthropics/skills: https://github.com/anthropics/skills
- anthropics/skills、theme-factory スキルのディレクトリ: https://github.com/anthropics/skills/tree/main/skills/theme-factory

## Other languages
- English: https://bestskillsforclaude.com/en/skills/theme-factory
- Spanish: https://bestskillsforclaude.com/es/skills/theme-factory
- Brazilian Portuguese: https://bestskillsforclaude.com/pt-br/skills/theme-factory