baoyu-skills：利用 AI 自动生成技术文章配图与排版

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 仓库 - 官方源码与详细文档