技能baoyu-article-illustrator
B

baoyu-article-illustrator

分析文章结构,定位需视觉辅助的段落,采用类型×风格二维法生成插图。适用于用户提出"为文章配图"、"添加图片"、"生成文章插图"等指令时调用。

文章配图师 (Article Illustrator)

技能概述

分析文章结构,智能识别配图位置,使用 Type × Style 二维方法论自动生成统一风格的插图。

适用场景

  1. 技术文档配图:为 API 文档、技术教程自动生成信息图表、流程图和框架图,帮助读者快速理解复杂概念和系统架构。

  2. 博客内容优化:为博客文章、营销内容自动添加场景插图和对比图表,提升阅读体验和内容吸引力。

  3. 知识库可视化:将方法论、历史演进等内容转化为时间线、框架图和对比图表,让知识更易吸收。

核心功能

  1. Type × Style 二维配图

    • Type 维度控制信息结构:infographic(信息图表)、scene(场景)、flowchart(流程图)、comparison(对比)、framework(框架)、timeline(时间线)
    • Style 维度控制视觉风格:notion、warm、minimal、blueprint、watercolor、elegant 等
    • 自由组合:如 --type infographic --style blueprint 生成蓝图风格的信息图表
  2. 智能内容分析与配图规划

    • 自动分析文章内容类型(技术/教程/方法论/叙事)
    • 识别配图目的(信息传达/可视化/想象力激发)
    • 提取核心论点并标注最佳配图位置
    • 支持四种密度设置:minimal(1-2张)、balanced(3-5张)、per-section(每节配图)、rich(6+张)
  3. 完整工作流与输出管理

    • 六步标准化流程:预检查 → 内容分析 → 确认设置 → 生成大纲 → 生成图片 → 最终整合
    • 自动创建结构化输出目录:illustrations/{topic-slug}/
    • 生成可复用的配图大纲(outline.md)和提示词文件(prompts/)
    • 支持配图修改、添加、删除的完整生命周期管理

常见问题

文章配图师支持哪些图片类型?

支持六种 Type 类型,分别适用于不同内容:

  • infographic:数据、指标、技术内容
  • scene:叙事、情感类内容
  • flowchart:流程、工作流
  • comparison:并列对比、方案选择
  • framework:模型、架构
  • timeline:历史、演进

如何选择适合文章的配图风格?

Style 维度控制视觉美学,常见选择包括:

  • notion:简洁文档风格
  • minimal:极简设计
  • blueprint:蓝图技术风
  • watercolor:水彩艺术风
  • elegant:优雅精致风
  • warm:温暖亲和风

建议在 Step 3 通过 AskUserQuestion 确认风格,系统会根据内容类型推荐最匹配的 Style。

配图密度应该如何设置?

密度根据内容长度和需求选择:

  • minimal(1-2张):短文或仅需关键点可视化
  • balanced(3-5张):中等长度文章,平衡图文
  • per-section(推荐):每个小节配图,覆盖全面
  • rich(6+张):长篇内容,大量视觉辅助

系统默认推荐 per-section 模式,可在确认步骤时调整。