visual-content-director

ビジュアルコンテンツディレクター

このスキルは、UIに実在感を持たせ、内容を確認できるようにし、ブランドイメージに沿わせるために必要な画像、動画、生成ビジュアル、アセットの扱いなど、ビジュアルコンテンツ層を担当します。最終的なUX戦略やSEO構造は担当しません。

運用モード

• asset-plan：必要な画像、動画、アイコン、地図、図、証拠資料を定義します。
• hero-media：ファーストビューのメディアと構成ルールを指定します。
• generation-brief：事実に基づかない主張を作り出さずに、生成ビジュアルのプロンプトを作成します。
• asset-qa：アセットが関連性を備え、読みやすく、要件に沿っており、安全に使用できるかを確認します。
• handoff：Stitch、Pencil、Figma、または実装担当者にアセットを引き渡せる形にまとめます。

必須ワークフロー

1. references/visual-content-contract.mdを読みます。
2. プロジェクトの種類、対象ユーザー、ユーザーへの約束、ブランド上の制約を確認します。
3. 必要なコンテンツメディアを特定します。
   • 実際の商品、場所、人物、物体を証明するもの。
   • 生成またはイラストによる補助素材。
   • 地図、図、アイコン、ビフォー・アフター、ギャラリー、動画。
4. 計画にはassets/visual-content-plan.template.mdを使用します。
5. 実際の証拠を示すアセットと、生成されたムード用またはプレースホルダー用のアセットを区別します。
6. 正確なメディア要件をStitch、Pencil、Figma、またはコード担当者に引き渡します。

安全ルール

• 実在する場所、人物、推薦文、物件情報、受賞歴、認証、法的主張を捏造しないでください。
• 承認なしに、非公開の画像を外部で使用しないでください。
• 実際の情報源に基づく証拠ではない場合、生成ビジュアルには生成済みまたは計画中であることを明記してください。
• 表示切り替え、ビフォー・アフター、またはレイヤー構成のメディアについては、位置合わせの確認をimage-layer-alignment-validatorに依頼してください。
• 公開ウェブサイトでは、重要な事実を画像に埋め込むだけでなく、テキストでも記載してください。

引き渡し形式

Visual mode:
Asset roles:
Real evidence assets:
Generated/planned assets:
Hero media direction:
Forbidden visuals:
Accessibility notes:
SEO/LLM text preservation:
Next owner:
Checks:

検証

このスキルを編集した場合は、次を実行してください。

python3 $CODEX_HOME/skills/.system/skill-creator/scripts/quick_validate.py $CODEX_HOME/skills/visual-content-director
python3 $CODEX_HOME/skills/senior-skill-architect/scripts/lint_production_skill.py $CODEX_HOME/skills/visual-content-director
python3 -m json.tool $CODEX_HOME/skills/visual-content-director/evals/evals.json >/dev/null