baoyu-skills：AI 辅助技术文章配图与排版实战指南

落地实施：核心能力拆解

技能全景图

为了方便查找，这里整理了常用工具的速查表：

安装与配置

安装依赖 Node.js 环境，方式非常灵活。

推荐方式（快速安装）：

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

在 Agent 中使用：

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

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

关于提示词工程的思考

过去我们花费大量精力学习如何编写高质量的 Prompt，比如设定角色、规定风格等。但在使用 baoyu-skills 后，你会发现其实不需要成为 Prompt 专家。

这套工具内部维护了复杂的 Prompt 模板，但暴露给用户的只有 --style notion 或 --layout timeline 这样清晰的参数。未来的 AI 工具界面会越来越像传统的命令行工具（CLI），参数明确，而将模糊的自然语言交互隐藏在底层。这也解释了为什么程序员用这套工具会觉得特别顺手——因为它符合我们对确定性的追求。

案例分享：从枯燥文档到精美卡片

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

实操步骤

• 目标：把一篇 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 布局（适合干货知识点）。

可复用的 Skill 片段示例

如果你想开发类似的 Skill，让 AI 帮你生成特定风格的内容，可以参考下面这个简化版的定义。这是从 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：如果 style == 'tech' 使用 blueprint 风格；如果 style == 'hand-drawn' 使用铅笔素描风格"
    },
    {
      "step": "generate",
      "description": "调用绘图工具生成图片"
    }
  ],
  "output_format": "![生成的图片](image_url) **关键词**：Keywords"
}

参考资料

• baoyu-skills GitHub 仓库 - 官方源码与详细文档