ziguishian/xhs-visual-director-skill

视觉导演

英文名：XHS Visual Director

这是一个用于规划并生成小红书图文的 Agent Skill。它不是普通文案助手，而是一个“视觉导演”：先用苏格拉底提问法问 10 个问题，问清客户需求；再按用户要求给出多页图文规划和视觉规划；先生成 1 张样例图，用户确认后再生成整套最终图片，并附带图文结构、提示词记录、发布文案和自检清单。

封面示例

以下示例图用于展示本 Skill 默认偏好的小红书 3:4 封面方向：高级、清晰、手机端可读，避免廉价 AI 模板感。

部分案例展示

使用示例

适合人群

• 小红书图文创作者
• AI / Vibe Coding / Agent 内容创作者
• 个人品牌经营者
• 产品经理、设计师、创业者
• 想把草稿、截图、产品图、PPT 或页面重做成高级图文的人

能解决什么问题

• 选题不知道适合什么视觉风格。
• 图文像 PPT，缺少小红书点击力。
• AI 生成图俗气、蓝紫渐变、文字不可读。
• 每页内容平均铺开，没有节奏。
• 封面不够抓人，内页没有收藏价值。
• 想把个人审美沉淀成可复用的视觉工作流。

使用方式

把本目录作为 Codex Skill 安装或引用后，向 Agent 输入选题、草稿、截图描述、产品图需求、参考风格或排版优化需求。Agent 会默认输出：

1. 选题判断
2. 先用苏格拉底式提问法提出 10 个问题，问清客户需求
3. 用户回答后输出回答摘要与生成假设
4. 核心观点
5. 风格判断报告
6. 三套风格方案
7. 推荐方案
8. 6-8 页图文结构
9. 统一视觉母版
10. 1 张视觉确认图
11. 用户确认后生成整套最终图片
12. 逐页详细视觉规划和提示词记录
13. 小红书标题、正文、标签、评论引导
14. 自检清单

安装建议

可安装的 Skill 主体在 skill/ 目录中：

xhs-visual-director-skill/skill/SKILL.md
xhs-visual-director-skill/skill/agents/openai.yaml

如果你的 Codex Skill 管理方式要求一个目录内直接包含 SKILL.md，请把 xhs-visual-director-skill/skill/ 作为 Skill 目录使用；项目根目录的 docs/、templates/、examples/ 是维护和扩展资料。

输入示例

主题：为什么普通人现在必须学习 Vibe Coding？
目标：做成 8 页小红书图文，风格要高级、有科技感，但不要像廉价 AI 模板。

输出示例

# 风格判断报告
主风格：深色科技杂志风
辅助风格：架构图 / 系统拆解风 + 黑白灰荧光绿冲击风
不建议：液态玻璃弥散极光风
理由：这个主题需要建立认知冲击和专业度，过度梦幻会削弱方法论的可信度。

完整示例见 examples/example_output_plan.md。

商业产业示例见 examples/example_output_yiwu_plan.md。

推荐工作流

1. 输入主题或草稿。
2. Skill 先用苏格拉底式提问法问 10 个问题，问清客户需求。
3. 回答问题后，Skill 总结“回答摘要与生成假设”，并作为视觉导演输出多页图文规划和视觉规划。
4. Skill 生成统一视觉母版和 1 张样例图 / 视觉确认图。
5. 视觉确认通过后，直接生成 6-8 页最终图片。
6. 根据 templates/visual_review_checklist.md 审查比例、可读性和高级感。
7. 最后生成标题、正文、标签和置顶评论。

图片生成机制

当你说“开始生成”“生成图文”“做成小红书图片”时，Skill 的默认交付物是图片文件，不是只给提示词模板。

默认流程：

1. 先问 10 个苏格拉底式澄清问题。
2. 再给出多页图文规划和视觉规划。
3. 先生成 1 张封面或关键页样例图 / 视觉确认图。
4. 你确认风格、构图、色彩、信息密度。
5. 确认后再生成整套 6-8 页最终图。
6. 输出每张图片的本地路径和比例检查结果。

如果图像模型生成中文不稳定，Skill 会优先生成高质量视觉底图和清晰文字安全区，再建议后期叠加真实中文；但仍然会交付图片，而不是停在模板。

前置 10 问机制

完整图文项目会先问 10 个问题。比如你只输入一个主题：

帮我做一篇“小红书图文视觉导演”的小红书

Skill 不会立刻生成完整方案，而是先问 10 个问题，帮助明确：

• 传播目标
• 目标读者
• 核心观点
• 可用素材
• 风格方向
• 禁止项
• 评论和转化目标

复杂商业、产品、课程、个人品牌或多素材项目也先问 10 个问题；如果回答后仍缺关键决策，再追问 3-5 个问题。

如何加入参考图

给 Agent 提供参考图时，说明你要借鉴什么：

• 借鉴配色
• 借鉴构图
• 借鉴字体层级
• 借鉴材质
• 借鉴封面冲击力
• 不借鉴哪些元素

不要只说“按这个风格”，要指出可复用的视觉特征。

如何扩展自己的风格

新增风格时，至少补齐：

• 风格名称
• 适合内容
• 不适合内容
• 视觉气质
• 配色
• 字体
• 构图
• 常用元素
• 图像提示词模板
• 负面提示词
• 示例标题类型

同时更新：

• docs/style_system.md
• templates/image_prompt_template.md
• templates/style_extension_template.md 可作为新增风格的填写模板。
• 必要时增加 examples/style_reference_notes.md

如何维护 examples

示例不是展示文采，而是展示“可复用决策”。每个示例应包含：

• 输入主题
• 内容类型判断
• 推荐风格组合
• 页面结构
• 至少 5 条可复制图像提示词
• 发布文案
• 自检结果

如何判断输出是否合格

合格输出应满足：

• 先判断内容，再选择风格。
• 解释为什么适合这个风格，以及为什么不适合其他风格。
• 封面有点击钩子。
• 内页有递进和收藏价值。
• 每页只承担一个主要传播任务。
• 提示词包含画幅、布局、文字区域、字体、配色、主视觉、留白和禁止项。
• 避免廉价 AI 科技风、PPT 感、信息过载和文字不可读。

欢迎交流

Star History