art-director について
ユーザーと視覚的な方向性を探り、実装前に案を選ぶデザインスキルです。ヒアリング、画像の評価、調整、引き継ぎを順に進めます。
主な機能
- 01既存ブランドとデザイン背景の確認
- 02設計条件を定めるヒアリング
- 033〜5種類の視覚的方向性の提案
- 04比較画像の生成と選定
- 05選定案の調整
- 06ビジュアルシステムの検証と引き継ぎ
活用シーン
- 01新製品のビジュアル案の検討
- 02既存ブランドに沿った方向性の選択
- 03画像バリエーションによるデザイン調整
- 04隣接する画面での方向性の検証
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ hcaiano/ skills --skill art-directorインストール後、Claude Code で/art-directorを入力して読み込まれたか確認します。
同梱ファイルagents/openai.yaml
詳細
アートディレクター
ビジュアルの方向性を探り、ユーザーとともに候補を絞り込み、根拠のある選択肢を一つにまとめます。成果物は選ばれた方向性です。実装はこのスキルの終了後に開始します。
画像生成
Codex では、組み込みの imagegen スキルを使用します。画像生成、編集、検証、保存先のルールに従って画像を扱います。それ以外の環境では、t3-capacity で選んだ Codex プロバイダーのインスタンスに、各生成ブリーフを delegate_task で委任します。委任先は imagegen で画像を生成し、必ずこのワークスペースに保存して、絶対パスと正確なプロンプトを返します。各ブリーフは単独で内容がわかるものにします。参照画像の絶対パス、保存先ディレクトリを含め、ブラッシュアップの場合は前回の正確なプロンプトと変更する特性を一つ指定します。キュレーションを始める前に、返されたパスをすべて開いてください。
要件の聞き取りは、掘り下げる会話として進めます。まず自分で事実関係を調べ、推奨する回答を添えて、一度に一つずつ選択を尋ね、ユーザーの返答を待ってください。
ワークフロー
- 調査。 既存ブランドの制約があるのか、白紙の状態から始めるのかを判断します。質問をする前に、利用可能な参考資料、製品の背景、デザイントークン、既存の画面を確認します。
- 要件の聞き取り。 対象ユーザー、使用面、伝達目標、必須コンテンツ、形式、参考資料、避けるべき例、厳守すべきブランド制約、意思決定の期限を確認します。探索の内容を実質的に左右する質問だけをします。
- 方向性を定める。 具体的なビジュアルの前提を3〜5個提示します。それぞれの方向性で、構成、階層、画像、雰囲気を決める基本ルールを変えます。「選択肢を増やす」だけでは方向性とは言えません。
- 幅広く生成する。 各方向性につき画像を1枚生成します。ビジュアルのアイデアを比較できるよう、機能的なコンテンツと形式は一定に保ちます。確立されたアイデンティティがあればそれを維持し、白紙から始める場合は本当に幅広く探索します。すべての出力について正確なプロンプトを保存します。
- キュレーション。 すべての画像を確認します。ファイル名または一意で安定したIDで識別し、優れている点、問題点、再利用できる特徴を説明します。候補リストと却下したパターンのリストを維持します。次の判断をユーザーに一度に一つずつ尋ねます。
- ブラッシュアップ。 最も有望な方向性のバリエーションを2〜3個生成します。すべてを一度に混ぜるのではなく、名前を付けた特性を一度に一つずつ変更します。
- システムを検証。 選んだ案を、関連する別のページ、状態、またはアセットに適用してストレステストします。アイデンティティを検討する場合は、選んだ方向性に基づいて、マーク、パレット、書体、適用例となる画面を一つ含む、まとまりのあるシステムボードを生成します。
- 引き継ぎ。 選んだアセットのパス、正確なプロンプト、ビジュアルのルール、却下したパターン、残っているトレードオフをまとめて返します。プロジェクトに紐づく出力は
imagegenに従ってワークスペースに保存します。プレビューのみの出力はインラインのままでもかまいません。
終了条件
ユーザーが方向性を選び、それが関連するシステム検証を一つ通過したら終了します。無人のループを開始したり、数十枚もの画像を根拠なくまとめて作成したりしないでください。また、ユーザーからの依頼がある場合、または探索結果をプロジェクトに含める場合を除き、永続的な BRIEF.md やキュレーション用ファイルは作成しないでください。