ziguishian/xhs-visual-director-skill

Letzte erfasste Quellaktivität: 3. Juli 2026 um 12:12

SkillsMP-Katalog aktualisiert: 5. November 2026 um 19:57

gesammelte Skills: 1

GitHub-Stars: 1.479
GitHub-Forks: 140

Mit einem KI-Assistenten installieren

Diesen Prompt kopieren und in den verwendeten KI-Assistenten einfügen.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/ziguishian/xhs-visual-director-skill.

README des Repositorys

README-Quelldatei: README.md

README-Quelldatei lesen

Vollständige README anzeigen

视觉导演英文名：XHS Visual Director [![Skill](https://img.shields.io/badge/Codex%20Skill-XHS%20Visual%20Director-111827?style=for-the-badge)](#) [![Language](https://img.shields.io/badge/Language-中文-ef4444?style=for-the-badge)](#) [![Canvas](https://img.shields.io/badge/Canvas-3%3A4%20XHS-22c55e?style=for-the-badge)](#) [![Style Library](https://img.shields.io/badge/Styles-24%20Built--in-0ea5e9?style=for-the-badge)](#) [![License](https://img.shields.io/badge/License-MIT-64748b?style=for-the-badge)](#) 这是一个用于规划并生成小红书图文的 Agent Skill。它不是普通文案助手，而是一个“视觉导演”：先用苏格拉底提问法问 10 个问题，问清客户需求；再按用户要求给出多页图文规划和视觉规划；先生成 1 张样例图，用户确认后再生成整套最终图片，并附带图文结构、提示词记录、发布文案和自检清单。 ## 封面示例以下示例图用于展示本 Skill 默认偏好的小红书 3:4 封面方向：高级、清晰、手机端可读，避免廉价 AI 模板感。 <img src="./assets/covers/cover-vibe-coding.png" alt="Vibe Coding 小红书封面示例" width="30%" /> <img src="./assets/covers/cover-yiwu-ai.png" alt=" AI 商业封面示例" width="30%" /> <img src="./assets/covers/cover-phone-dashboard.png" alt="手机信息仪表盘封面示例" width="30%" /> <img width="45%" alt="image" src="https://github.com/user-attachments/assets/341dfa0e-e6de-403b-b137-130800da52ea" /> <img width="45%" alt="image" src="https://github.com/user-attachments/assets/b8170ff1-31f2-40a9-b195-2c15437a0c9a" /> <img width="45%" alt="image" src="https://github.com/user-attachments/assets/4085ca30-4a87-4fb1-9dc8-d63543e45512" /> <img width="45%" alt="image" src="https://github.com/user-attachments/assets/f2067efe-a670-4ef2-aa9a-b73deb74c8f3" /> ## 部分案例展示 <img width="2531" height="1190" alt="image" src="https://github.com/user-attachments/assets/647cdd3f-19a2-404c-88b8-826b837e2494" /> ## 使用示例 <img width="100%" alt="image" src="https://github.com/user-attachments/assets/03bcbe5e-3018-47ad-8209-a9aecd0f9281" /> | 示例 | 适合主题 | 推荐风格 | | --- | --- | --- | | Vibe Coding | AI、Agent、技术观点、方法论 | 深色科技杂志风 + 黑白灰荧光绿冲击风 | | 商户看懂 AI | 商业趋势、产业方案、外贸、跨境电商 | 高级商业提案风 + 全球贸易网络风 | | 手机桌面信息仪表盘 | 真实案例、工具教程、工作流改造 | 手机截图改造风 + Notion 高级卡片风 | ## 适合人群 - 小红书图文创作者 - 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/` 目录中： ```text 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/` 是维护和扩展资料。 ## 输入示例 ```text 主题：为什么普通人现在必须学习 Vibe Coding？目标：做成 8 页小红书图文，风格要高级、有科技感，但不要像廉价 AI 模板。 ``` ## 输出示例 ```text # 风格判断报告主风格：深色科技杂志风辅助风格：架构图 / 系统拆解风 + 黑白灰荧光绿冲击风不建议：液态玻璃弥散极光风理由：这个主题需要建立认知冲击和专业度，过度梦幻会削弱方法论的可信度。 ``` 完整示例见 `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 个问题。比如你只输入一个主题： ```text 帮我做一篇“小红书图文视觉导演”的小红书 ``` 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 感、信息过载和文字不可读。 ## 欢迎交流 <img width="45%" alt="_cgi-bin_mmwebwx-bin_webwxgetmsgimg__ MsgID=7174786883730598349 skey=@crypt_7a55c9cf_a39483f9d185c8f458e175d403c99207 mmweb_appid=wx_webfilehelper" src="https://github.com/user-attachments/assets/24c9a813-3041-4012-9641-4b9d76b45e14" /> <img width="45%" alt="_cgi-bin_mmwebwx-bin_webwxgetmsgimg__ MsgID=4406766887421910313 skey=@crypt_7a55c9cf_7083c9923764c9db3033841edabf3e22 mmweb_appid=wx_webfilehelper" src="https://github.com/user-attachments/assets/d05d9d30-2315-4a24-ae4d-2c80912c2f46" /> ## Star History [![Star History Chart](https://api.star-history.com/svg?repos=ziguishian/xhs-visual-director-skill&type=Date)](https://www.star-history.com/#ziguishian/xhs-visual-director-skill&Date)

README des Repositorys wird geladen…

Skills in diesem Repository

Grafikdesigner

1 Berufskategorien · 100% klassifiziert

Skill

Beruf

Beschreibung

Aktualisiert

xhs-visual-director

Grafikdesigner

Use this skill when planning, redesigning, or reviewing Xiaohongshu carousel visuals, covers, 3:4 image posts, page-by-page visual direction, image-generation prompts, style selection, layout critique, or XHS captions. It acts as a senior visual director for…

Quellsprache: Chinesisch

2026-07-03

Es werden 1 von 1 gesammelten Skills angezeigt.