デザインとインターフェースClaude apps and Claude Code
Anthropic / theme-factory
生成した 10 ページを 1 つの製品に見せるには
スタイルを 10 回説明するのではなく、テーマを 1 回作って適用します。
押さえておく点
- テーマは一貫性を記憶ではなく仕組みの問題に変えます。
- 一度テーマを決めるほうが、毎回スタイルを説明するより速いです。
- brand-guidelines の下層にあります。ブランドが規則、テーマが実装です。
- テーマは大きく異なる 2 つのレイアウトで確認してください。壊れるのはそこです。
01実務で何が変わるか
生成物がぶれるのは、毎セッションでスタイルを決め直すからです。テーマはその判断を指示文の外に出し、再利用と修正ができる成果物に変えます。
レビューも安くなります。テーマを 1 回見るほうが、それを使う全ページの装飾を毎回見るより速いからです。
02期待に届かない点
スクリーンショット 1 枚から作ったテーマは浅くなりがちです。色は拾えても余白とリズムが落ち、製品の一貫性を実際に支えているのはその 2 つです。
状態の多いコンポーネント群は手作業が残ります。生成テーマは hover、無効、エラーを一貫して覆えないことがほとんどです。
導入と最初の実行
- anthropics/skills から Apache 2.0 で導入します。
- 既存製品または記述した方向性からテーマを作り、名前を付けます。
- 同じテーマで異なる 2 ページを作り、並べて比べてから先に進みます。
実際によくある質問
- brand-guidelines との違いは
- ガイドラインは規則の宣言、テーマはその規則が生む実装です。
- 既存サイトからテーマを作れますか
- 作れますし一般的な出発点です。ただし取りこぼしやすい余白と状態は必ず確認してください。
- 文書と画面の両方で使えますか
- 部分的にです。画面で最も効き、文書形式には別途テンプレートが必要です。
出典
このページの機械可読版