分析文章结构,找出真正需要视觉辅助的位置,并为每个位置设计有信息价值的配图。适合需要为长文、教程、评论或产品文章规划并生成成套插图。
安装前请审阅 skill 内容:skill 会影响你的 AI 助手行为,仅安装你信任的来源。
不用安装 Node.js。复制后粘贴到本地 Agent 对话框,它会读取官方指南、安装并验收。
npx -y @huohuahub/cli@0.1.1 install article-visual-planner --target auto --registry https://huohuahub.com跨平台 CLI 会校验 SHA256,并保护本地修改。旧脚本需要定向安装时,可在下面选择 AI。
旧版脚本仅供人工兼容:它会备份并替换同名目录。请先确认没有需要保留的本地修改;AI 安装协议不会自动调用它。
curl -fsSL "https://huohuahub.com/api/skills/article-visual-planner/install" | bash自动检测本机已装的 AI 工具:只有一个直接装,检测到多个会列出让你挑(回车 = 全部)。审阅脚本内容 ↗
powershell -c "irm 'https://huohuahub.com/api/skills/article-visual-planner/install.ps1' | iex"用 DeepSeek App、Kimi、豆包这类聊天 AI(没有 agent 端可装)? 可以把内容直接复制成 Prompt 粘贴使用;附带脚本和资料不会安装:
分析文章结构,找出真正需要视觉辅助的位置,并为每个位置设计有信息价值的配图。
完成任务时重点处理:
最终目标不是堆出一份看似完整的内容,而是交付能够直接使用、继续修改并清楚验收的结果。
如果文章结构尚未稳定时只提交点位建议,不提前批量生成图片,先处理前置条件,不要直接假装任务已经完成。
优先收集:
1. 目标受众与使用场景 2. 画布尺寸、数量和输出格式 3. 原始内容与可用素材 4. 品牌规范、风格偏好和禁用项 5. 文章全文、发布渠道和正文宽度 6. 希望避免的画面套路与可用品牌素材
信息不必一次问完。先检查用户已经提供的材料,只追问会明显改变结果的问题。
标记观点转折、抽象概念、流程、数据和情绪节点。
只有能帮助理解、记忆或节奏的点位才安排图片。
为每张图写清解释对象、观看重点和与上下文关系。
确定类型、风格、色板、人物和构图规则。
把内容、布局、禁用元素和比例写成可执行提示。
按文章顺序查看图片,修正重复构图与风格漂移。
至少交付以下内容:
所有文件使用能说明内容和版本的名称。若任务包含执行动作,还要记录执行状态、验证结果和可继续处理的材料。
一篇讲解多智能体协作的文章包含角色、流程和失败案例;分别用角色关系图、流程图和情景插图承担不同解释任务。
合理处理顺序:
1. 拆解文章结构 2. 判断是否需要图 3. 定义图片任务 4. 建立统一视觉 5. 编写生成说明 6. 生成并回填检查
交付时应重点展示配图点位表、成套配图、生成说明,并说明尚未验证的部分。
火花 Hub 官方内容库首发版本。
解压后把 article-visual-planner/ 整个目录放进对应位置即可。
~/.claude/skills/article-visual-planner/~/.gemini/skills/article-visual-planner/改动后在会话里执行 /skills reload~/.qwen/skills/article-visual-planner/重启 CLI 生效~/.iflow/skills/article-visual-planner/需在 frontmatter 补 license 字段~/.zcode/skills/article-visual-planner/它们同时也读 ~/.claude/skills/ 或 ~/.agents/skills/,解压到那两个目录就顺带覆盖了。
~/.codex/skills/article-visual-planner/也读标准目录 ~/.agents/skills/~/.openclaw/skills/article-visual-planner/~/.cursor/skills/article-visual-planner/~/.copilot/skills/article-visual-planner/~/.agents/skills/article-visual-planner/Deep Code 读标准目录 ~/.agents/skills/~/.kimi-code/skills/article-visual-planner/也读标准目录 ~/.agents/skills/~/.config/opencode/skills/article-visual-planner/也读 ~/.claude/skills/ 与 ~/.agents/skills/这两个端只支持项目内目录,家目录探测不到,只能手动放。
.windsurf/skills/article-visual-planner/在项目根目录执行.trae/skills/article-visual-planner/在项目根目录执行点文件名就地展开内容,审阅后再安装 —— skill 会影响你的 AI 助手行为, 只安装你信任的来源。
这个 skill 的用法交流都在它的使用心得笔记里:去参与(0 赞 · 0 条评论)↗
发现违规、恶意或侵权内容?到来源笔记举报此 skill ↗(skill 从笔记涌现,笔记下架即 skill 下架)。
[](https://huohuahub.com/skills/article-visual-planner)什么时候会用上它:分析文章结构,找出真正需要视觉辅助的位置,并为每个位置设计有信息价值的配图。适合需要为长文、教程、评论或产品文章规划并生成成套插图。
怎么用:在 AI 工具里直接描述任务即可自动触发。显式调用的写法各端不同:Claude Code / Cursor 等用 /article-visual-planner,Codex 用 $article-visual-planner,Kimi Code 用 /skill:article-visual-planner,ZCODE 用 $article-visual-planner,Gemini CLI 以自动激活为主。