Visual Content Director 是一个专注于 UI/UX 项目视觉内容层的技能，负责规划与治理图片、视频、生成式视觉素材、首屏媒体、素材来源、视觉证据以及内容与媒体的匹配。它不拥有最终 UX 策略或 SEO 结构的决策权。
用途 该技能用于确定一个网站或应用需要哪些图片、视频、生成视觉和素材处理方式，以使界面可信、可检查并符合品牌。它帮助团队在视觉内容层面做出系统化决策，而非零散地挑选素材。
主要能力 技能提供五种操作模式：
- asset-plan：定义所需的图片、视频、图标、地图、图表和证据。
- hero-media：规定首屏媒体及其构图规则。
- generation-brief：为生成式视觉创建提示词，同时避免编造事实性声明。
- asset-qa：检查素材是否相关、可读、对齐且可安全使用。
- handoff：将素材打包交付给 Stitch、Pencil、Figma 或实现方。
使用方式 必需的工作流程包括：阅读 references/visual-content-contract.md；确认项目类型、目标受众、用户承诺和品牌约束；识别所需的内容媒体，包括真实产品/地点/人物/物体证据、生成或示意性支持、地图、图表、图标、前后对比、画廊和视频；使用 assets/visual-content-plan.template.md 进行规划；区分真实证据素材与生成的情绪或占位素材；将精确的媒体需求交付给 Stitch、Pencil、Figma 或代码负责人。
交付形态 交付内容包含视觉模式、素材角色、真实证据素材、生成/计划素材、首屏媒体方向、禁止使用的视觉、无障碍说明、SEO/LLM 文本保留、下一负责人和检查项。
适用场景 适用于需要规划网站或应用视觉内容、定义首屏媒体、创建生成视觉提示词、审核素材质量或向设计工具与实现方交付媒体需求的 UI/UX 项目。
限制与安全规则 不得伪造真实地点、人物、推荐、房产事实、奖项、认证或法律声明。未经批准不得对外使用私人图片。生成视觉若非真实来源证据，必须标注为生成/计划。对于揭示、前后对比或分层媒体，需将对齐检查路由至 image-layer-alignment-validator。公共网站必须将重要事实保留为文本，而非仅嵌入图片。
验证 编辑该技能时需运行指定的验证命令，包括 quick_validate.py、lint_production_skill.py 和 json.tool 检查。