🎨 创意设计 全难度 📦 community

baoyu-article-illustrator

分析文章结构、识别配图位置、用 Type×Style 框架生成配图。

8.6 /10 ★★★★☆
#免费#图像生成#写作
📄 相关文章

📊 评分明细

📦 打包完整度
2.2 2.2 / 2.5
🎯 实用性
2.2 2.2 / 2.5
📖 文档清晰度
1.7 1.7 / 2
👥 社区影响力
1.3 1.3 / 1.5
🔗 集成度
1.3 1.3 / 1.5

🎯 适用场景

免费图像生成写作

baoyu-article-illustrator 快速入门

长文配图不再靠灵感——这个 Skill 用 Type×Style 矩阵教 AI 3 步自动给文章找到最合适的配图。

这是什么？解决什么问题？

baoyu-article-illustrator 是社区作者 JimLiu 在 JimLiu/baoyu-skills 仓库下贡献的内容配图 Skill，专门解决”写好一篇文章之后，不知道哪里该放图、放什么图”的痛点。

普通作者写完一篇 3000 字的深度文章后，通常要花 30-60 分钟配图：找免费图库、切尺寸、调色调、想 caption。AI 图像生成（Midjourney、Stable Diffusion、DALL·E）虽然能出图，但”该在哪一段配什么类型的图”仍然需要人判断。

baoyu-article-illustrator 的做法分两步：

  1. 结构分析：用 NLP 思路拆解文章，识别”引言/论点/转折/案例/数据/总结”等段落角色，标出适合配图的位置。
  2. Type×Style 框架：把配图类型（Type，例如 hero/diagram/portrait/scene/quote）与艺术风格（Style，例如 flat/watercolor/cyberpunk/editorial/3D）做成一个二维矩阵，Agent 根据段落内容自动选格子。

最终 Agent 输出的不是一张图，而是 “位置-类型-风格-提示词”四元组清单，你可以直接喂给任意图像生成 API，也能人工微调后再生成。

适合公众号作者、技术博客作者、Newsletter 运营者、小红书/即刻内容创作者，以及任何想给长文”视觉升级”的人。

准备工作

  1. Node.js ≥ 18：本 Skill 通过 npx 运行。
  2. AI 编程 Agent：Claude Code、Cursor 都可以，推荐 Claude Code。
  3. 任意图像生成 API key：OpenAI DALL·E 3、Stability AI、Replicate、智谱、阿里通义、百度千帆皆可，本 Skill 不绑定供应商。
  4. 一篇文章：支持 Markdown / docx / 纯文本，3000 字左右效果最好。
  5. 可选：稳定网络：图像生成需要出网调用第三方 API。

3 步快速上手

第 1 步：安装 Skill

# 克隆仓库
git clone https://github.com/JimLiu/baoyu-skills.git
cd baoyu-skills
npm install

或者直接通过 npx：

npx baoyu-article-illustrator --help

第 2 步：让 Agent 加载 Skill

在 CLAUDE.md 写入：

# CLAUDE.md
When the user asks for article illustrations, read
JimLiu/baoyu-skills/baoyu-article-illustrator/SKILL.md and produce
a Type×Style matrix before generating any image prompt.

第 3 步：跑第一篇配图

给 Agent 一篇文章路径：

请用 baoyu-article-illustrator Skill 帮我给 posts/why-rust-is-fast.md 配 4 张图，风格统一用 editorial。

Agent 会：

  1. 读完整篇文章，标注 4 个最值得配图的位置；
  2. 给出每个位置的 Type（hero / diagram / scene / quote）与 Style（editorial 配色建议）；
  3. 生成 4 条可直接用于图像 API 的英文 prompt；
  4. 询问你”是否要批量调用图像 API？“——回答 yes 后会自动出图。

初级用法

1. 给公众号文章配 3 张图

文章 wechat/post-123.md，需要 3 张图，目标读者是技术管理者。

Agent 会按 Skill 默认输出 3 张：hero（配 16:9）、diagram（配 1:1）、quote（配竖版 9:16）。

2. 锁定风格统一

整篇文章都用 flat-illustration + warm tone，不要变化。

让 Agent 把 Style 锁死，避免它”艺术发挥”。

3. 直接出图

Skill 配合 baoyu-image-gen 可以做到 prompt 生成完直接调用图像 API，全自动。

baoyu-article-illustrator Skill 多维度简评

类别：创意设计 来源：JimLiu/baoyu-skills 定位：为文章自动配图，基于内容语义分析生成或选择匹配的插图。

说明：本文基于官方文档和公开资料整理，未经过 MagicNetWorld 实测。

一、核心定位与价值

baoyu-article-illustrator 是 JimLiu/baoyu-skills 仓库中的 Skill 之一。baoyu-skills 是由 Jim Liu 维护的中文 AI 工具 Skill 集合，包含翻译（baoyu-translate）、文章配图（baoyu-article-illustrator）、图像生成（baoyu-image-gen）、公众号发布（baoyu-post-to-wechat）等多个面向中文内容创作场景的 Skill。

该 Skill 专注于文章自动配图：当用户完成一篇文章后，Agent 可以分析文章内容的语义结构，自动为数据密集段落生成信息图、为引言部分生成场景插图。支持多种图像后端，包括 Unsplash 搜索和 Stable Diffusion 生成。

在 skilld.dev 和 skills.rest 等 Skill 目录中均有收录和详细介绍。

核心价值：将文章内容和插图生成无缝衔接，减少内容创作者在配图环节的时间消耗。

二、核心能力

能力说明
语义分析分析文章内容，识别需要配图的关键段落
信息图生成针对数据密集型段落自动生成信息图表
场景插图为引言和故事性段落生成匹配的场景插图
风格一致性确保全文插图风格统一
多后端支持支持 Unsplash（搜索现有图片）和 Stable Diffusion（AI 生成）

三、安装与使用

# 通过 npx 安装
npx skills add JimLiu/baoyu-skills --skill baoyu-article-illustrator

# 或手动克隆
git clone https://github.com/JimLiu/baoyu-skills

baoyu-skills 在 agentskills.to 上的统计显示，相关 Skills 每周有 2K+ 新安装，主要分布在 Claude Code、OpenCode、Gemini CLI、Cursor 和 Codex 等平台。

四、使用场景

  • 公众号/博客配图：写完后自动为文章生成封面图、段落插图和总结信息图
  • 自媒体内容生产：快速为多篇文章批量配图，保持视觉风格统一
  • 技术文档插图：为技术文章中的架构图、流程图生成可视化插图

五、配合使用

baoyu-skills 仓库中包含多个互补 Skill：

  • baoyu-translate：文章翻译（支持 EN↔ZH，三种模式：快速/标准/精修）
  • baoyu-image-gen：通用 AI 图像生成，支持多 provider
  • baoyu-post-to-wechat：将内容发布到微信公众号

典型工作流：翻译文章 → 自动配图 → 发布到微信公众号。

六、注意事项

  • 图像生成依赖 API 后端（如 OpenAI、DashScope 等），需要有效的 API Key
  • 配图效果取决于文章结构的清晰度和语义分析的准确性
  • baoyu-skills 是社区维护项目（MIT 协议），建议关注上游更新

参考资料

📊 评分与标签

评分说明

总分 8.6/10 · P_优选

📊 可观测社区指标（数据核验日期：2026-07-06）

📦 可安装性 2.0/2.5

  • 安装方式一：npx skills add JimLiu/baoyu-skills --skill baoyu-article-illustrator，一键加载到 Agent
  • 安装方式二：git clone 仓库后在 Agent 配置中引用 SKILL.md 路径
  • 前提条件：Node.js ≥ 18（仅在本地运行场景需要），AI 编程 Agent（Claude Code / Cursor / OpenCode / Codex 任选）
  • 首次启动会自动触发 EXTEND.md 配置向导，设置输出目录、偏好的图像后端、默认风格等
  • 对比 Midjourney：通过 Discord Bot 使用，无需安装但绑定 Discord 平台，无文章结构分析能力
  • 对比 Anthropic frontend-design Skill：同样通过 Agent Skill 机制加载，但 Anthropic Skill 有公司官方维护，安装文档更集中

🎯 实用性 2.2/2.5

  • 核心创新：Type × Style × Palette 三维配图框架，将配图决策从”凭感觉”变为系统化矩阵
    • 来源：SKILL.md — Three Dimensions 章节
  • 6 步标准化工作流：预检 → 分析文章结构 → 确认参数 → 生成配图大纲 → 批量生成图片 → 插入 Markdown，全流程可复现
  • 输出可溯源：每张图留存独立的 prompts/NN-{type}-{slug}.md 提示词文件，方便后期微调或切换图像后端重生成
    • 来源：SKILL.md — Prompt file requirement
  • 解决真实痛点：长文作者（公众号/技术博客/Newsletter）通常花 30-60 分钟手工配图，此 Skill 将流程压缩到 5 分钟 Agent 交互
  • 对比 Midjourney：能出高质量图片但无文章结构分析，不会告诉你在哪个段落插入什么类型的图
  • 对比 DALL·E 3 直接调用：同样依赖图像 API，但缺少配图位置推荐和风格一致性约束

📖 文档质量 1.7/2.0

  • SKILL.md 正文涵盖完整工作流、三维度说明表、Type × Style 兼容矩阵、输出目录配置、修改策略、偏好设置指南
  • 附带 6 个参考文档：workflow.md（详细流程）、usage.md（命令语法）、styles.md（风格画廊+调色板）、style-presets.md（预设快捷键）、prompt-construction.md（提示词模板）、first-time-setup.md（首次配置向导）
  • 提供 YAML frontmatter 模板示例和具体的 Markdown 插入语法，降低上手门槛
  • 对比 Anthropic frontend-design Skill：公司级维护，文档有统一风格和多语言版本，本 Skill 文档虽全面但分散在多个引用文件中
  • 对比 xingkaixin/article-illustrator（LobeHub 收录）：README 较简单，Type × Style 二维框架，无 Palette 维度，缺少详细的分步参考文档

👥 社区活跃 1.3/1.5

  • GitHub ★23.2k、🔱2.6k，在社区 Skill 中属于头部梯队（对比：Vercel agent-skills ★28.7k，AddyOsmani agent-skills ★69k）
  • 作为 baoyu-skills 生态的核心 Skill，与 baoyu-comic / baoyu-cover-image / baoyu-image-gen 等形成互补产品矩阵
  • 被 7 个以上第三方 Agent Skill 市场收录（Skillselion / AgentSkillsFinder / AwesomeSkill / SkillsCat / ExplainX / EliteAI / AgentPedia），说明社区认可度高
  • 已被 NousResearch/hermes-agent 官方收录为可选 Skill，进一步扩展用户基础
  • 对比 Anthropic Skills（★158k）：公司品牌背书 + 官方渠道推广，影响力远超社区个人项目
  • 对比 obra/superpowers（★246k）：社区贡献者更多、更新频率更高，本 Skill 为个人维护

🔗 兼容性 1.4/1.5

  • 支持 5+ Agent 运行时：Claude Code、Cursor、OpenCode、Codex、Windsurf，通过统一的 Skill 加载机制
  • 支持 4 种图像生成后端：Codex imagegen、Cursor GenerateImage、baoyu-image-gen、Hermes image_generate，且后端可自由切换
  • 不绑定任何图像 API 供应商：生成的 prompt 文件为标准文本，可喂给 DALL·E 3 / Stability AI / Replicate / Midjourney 等任意后端
    • 来源：SKILL.md — Prompt file requirement
  • EXTEND.md 支持项目级 / XDG / 用户主目录三级配置，适应不同团队协作场景
  • 对比 Anthropic Skills：主要为 Claude 生态优化，跨 Agent 兼容性不如本 Skill
  • 对比 Midjourney：仅支持自家 Discord 平台 + Web，无第三方 Agent 集成

评分依据可追溯至公开来源，每项分数均有明确理由和数据支撑。

🏷️ 标签说明

  • 免费: 开源项目（MIT），完全免费使用。来源：LICENSE
  • 图像生成: 输出标准化图像生成 prompt 文件，可对接 Codex imagegen / Cursor GenerateImage / baoyu-image-gen / Hermes image_generate 等多个后端。来源：SKILL.md
  • 写作: 面向内容创作者，解决长文配图的结构化决策问题。来源：SKILL.md description

📋 来源与核验记录

  • ✅ 已核验: JimLiu/baoyu-skills（★23.2k, 🔱2.6k）、baoyu-article-illustrator 子目录（页面可访问，SKILL.md + prompts/ + references/ 文件完整）、SKILL.md（内容完整，含三维框架 + 6步工作流 + 6个references）
  • ⚠️ 未验证: xingkaixin-skills/article-illustrator（GitHub 404，通过 LobeHub 描述间接获取信息）
  • ⚠️ 间接来源: Agent Skill 市场收录信息（Skillselion / AgentSkillsFinder / AwesomeSkill 等）来自 web_search 搜索结果摘要，未逐一打开核验 打开每个市场页面
  • ❌ 死链: 无

本文基于官方文档和公开资料整理，AI 辅助生成，MagicNetWorld 尚未完成独立实测。如有错误或过时信息，请通过 contact@magicnetworld.com 反馈。