优质Skills推荐baoyu-skills：让 AI 帮你搞定技术文章配图与排版（二）

文章目录

• 1 让 AI 帮你搞定技术文章配图与排版
  • 1.1. 一句话结论
  • 1.2. 背景与痛点
  • 1.3. 核心观点
• 2. 怎么落地：核心能力拆解
  • 2.1. 技能全景图：你手里的武器库
  • 2.2. 安装与配置
• 3. 奇葩但很真实的观点
  • 3.1. 提示词工程的终局是“消失”
• 4. 案例分享：从枯燥文档到小红书爆款
  • 4.1. 案例实操
• 5. 可复用的 Skill 片段示例
• 6. 参考文献

1 让 AI 帮你搞定技术文章配图与排版

1.1. 一句话结论

如果你在用 Claude Code、Trae 或者其他支持 MCP/Skill 的 AI 编程工具，baoyu-skills 绝对值得装一个。它不仅仅是一堆工具，更像是把Prompt 工程的最佳实践给包好了，能把“写文章-配图-做 PPT”这套麻烦事变成几行命令。关键是审美在线，出来的图能拿得出手。

1.2. 背景与痛点

咱们做技术的，写文章常遇到的三个坑：

1. 配图难：代码写得飞起，但要画个架构图、流程图，或者给文章配个封面，立马抓瞎。找网图怕侵权，自己画又像小学生涂鸦。
2. 排版累：要把一篇技术干货改成小红书风格、或者做成 PPT 分享，光是调整格式和精简文字就能耗掉半天。
3. AI 抽卡不稳定：用 Midjourney 或 DALL-E 生图，提示词得调半天，生成的风格还经常不统一，今天赛博朋克，明天就变成了卡通简笔画。

宝玉（Baoyu）老师开源的这套 Skills，正好解决了这些问题。它把那些让人头大的 Prompt 调试过程都封装成了标准化的参数，你只管调参数，“审美”的事交给它。

1.3. 核心观点

• Prompt 工程的“配置化”：我觉得这套 Skills 最牛的地方不在于功能多，而是它把视觉风格做成了可选项。比如生成插图，它让你直接选 Layout（布局）和 Style（风格）。这样选出来的结果，比自己瞎写提示词稳定多了。
• 内容即数据：它直接读取你的 Markdown 文章，自动提取关键信息生成 PPT 或图表，不用你再把内容重新喂一遍。

输入

调用

分析内容

指定参数

调用绘图模型

你的 Markdown 草稿

Claude Code / Trae

baoyu-skills

自动推荐风格 & 布局

强制指定 Style/Layout

生成 Prompt

最终产出

封面图 / 信息图 / PPT / 漫画

2. 怎么落地：核心能力拆解

2.1. 技能全景图：你手里的武器库

这套 Skills 里工具不少，我整理了个速查表，方便你找：

2.2. 安装与配置

安装很简单，只要你有 Node.js 环境就行。

推荐方式（快速安装）：

# 一行命令搞定 npx skills add jimliu/baoyu-skills 

在 Agent 中使用：
如果你在 Trae 或 Claude Code 对话框里，也可以直接跟它说：

“请帮我安装 github.com/JimLiu/baoyu-skills 中的 Skills”

3. 奇葩但很真实的观点

3.1. 提示词工程的终局是“消失”

以前我们总在学“怎么写好 Prompt”，比如“你是一个资深设计师，请用…风格…”。但用过 baoyu-skills 后你会发现，我们其实不需要成为 Prompt 专家。
这套 Skills 内部维护了复杂的 Prompt 模板，但给用户的只有 --style notion 或 --layout timeline 这样简单的参数。
说白了： 未来的 AI 工具，界面会越来越像传统的命令行工具（CLI），参数清晰明确，而把那些“模糊的自然语言交互”藏在后面。这也解释了为什么程序员用这套工具会觉得特别顺手——因为它符合我们对“确定性”的追求。

4. 案例分享：从枯燥文档到小红书爆款

假设你写了一篇关于“AI 时代程序员如何进化”的硬核文章，想发小红书。

4.1. 案例实操

• 目标：把一篇 2000 字的 Markdown 文章，用 baoyu-xhs-images 转成 4 张小红书风格的配图。
• 准备：
  • 文章路径：./ai-evolution.md
  • 已安装 baoyu-skills
• 步骤：
  1. 打开终端或对话框。
  2. 等待 Agent 分析文章，提取金句和要点。
  3. Agent 会自动调用绘图工具（如 DALL-E 3 或 SVG 生成器）生成图片。
• 产出：
  • 目录里会生成几张图片。
  • 这些图片不只是罗列文字，而是排版精美的知识卡片，一眼就能看进去。

输入命令：

/baoyu-xhs-images ./ai-evolution.md --style notion --layout dense 

这里选了 notion 风格（干净、黑白线条）和 dense 布局（适合干货知识点）。

5. 可复用的 Skill 片段示例

如果你也想写一个类似的 Skill，让 AI 帮你生成特定风格的内容，可以参考下面这个简化版的 Skill 定义。这是从 baoyu-skills 的设计理念中提炼出来的精华。

name: style-generator-lite description: 一个轻量级的风格化内容生成器示例，展示如何封装 Prompt。 input_format:| 内容：{text} 风格：{style} (可选: tech/hand-drawn, 默认: tech)steps:-step: analyze_content description: 分析输入文本，提取 3 个核心关键词和 1 个主旨句。 -step: construct_prompt description:> 根据风格构建绘图 Prompt： - if style == 'tech': use "blueprint style, isometric view, blue and white" - if style == 'hand-drawn': use "pencil sketch on paper, rough lines"-step: generate description: 调用绘图工具生成图片。 output_format:| ![生成的图片](image_url) **关键词**：Keywords

6. 参考文献

• baoyu-skills GitHub 仓库 - 官方源码与详细文档
• 宝玉的 X (Twitter) - 关注宝玉老师获取最新 AI 见解