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

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

文章目录


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 里工具不少,我整理了个速查表,方便你找:

Skill 名称适用场景核心卖点常用命令示例
baoyu-xhs-images小红书运营、知识卡片风格×布局二维选择,一键出多张图/baoyu-xhs-images post.md --style notion
baoyu-infographic技术原理讲解、流程图20种布局+17种风格,专治各种复杂概念/baoyu-infographic arch.md --layout pyramid
baoyu-cover-image博客/公众号封面5个维度定制(类型/配色/渲染/文字/氛围)/baoyu-cover-image blog.md --quick
baoyu-slide-deck技术分享、汇报自动生成大纲,直接出 PPTX/PDF/baoyu-slide-deck talk.md --style blueprint
baoyu-comic讲故事、寓教于乐知识漫画创作,还能控制分镜/baoyu-comic story.md --art manga
在这里插入图片描述

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. 参考文献

Read more

89406基于Web的肉猪屠宰管理系统设计与实现--(免费领源码)可做计算机毕业设计JAVA、PHP、爬虫、APP、小程序、C# 、C++、python、大数据、全套文案

89406基于Web的肉猪屠宰管理系统设计与实现--(免费领源码)可做计算机毕业设计JAVA、PHP、爬虫、APP、小程序、C# 、C++、python、大数据、全套文案

SSM肉猪屠宰管理系统 摘  要 21世纪的今天,随着社会的不断发展与进步,人们对于信息科学化的认识,已由低层次向高层次发展,由原来的感性认识向理性认识提高,管理工作的重要性已逐渐被人们所认识,科学化的管理,使信息存储达到准确、快速、完善,并能提高工作管理效率,促进其发展。 论文主要是对SSm肉猪屠宰管理系统进行了介绍,包括研究的现状,还有涉及的开发背景,然后还对系统的设计目标进行了论述,还有系统的需求以及整个的设计方案,对系统的设计以及实现,也都论述的比较细致,最后对SSm肉猪屠宰管理系统信息系统进行了一些具体测试。本次报告,首先分析了研究的背景、作用、意义,为研究工作的合理性打下了基础。针对肉猪屠宰管理系统的各项需求以及技术问题进行分析,证明了系统的必要性和技术可行性,然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍,最后来实现肉猪屠宰管理系统和部署运行使用它。 关键词:肉猪屠宰管理系统;MySQL;SSM框架 SSM Pig Slaughtering Management System Abstract Today in the 21st cen

Java Web Web教师个人成果管理系统系统源码-SpringBoot2+Vue3+MyBatis-Plus+MySQL8.0【含文档】

Java Web Web教师个人成果管理系统系统源码-SpringBoot2+Vue3+MyBatis-Plus+MySQL8.0【含文档】

摘要 随着教育信息化的快速发展,教师个人成果管理逐渐成为高校和教育机构的重要需求。传统的成果管理方式依赖纸质档案或简单的电子表格,存在效率低下、数据易丢失、查询不便等问题。教师在教学、科研、竞赛等方面的成果数量庞大,亟需一套系统化的管理工具,以实现成果的分类存储、快速检索和统计分析。该系统能够帮助教师高效管理个人成果,同时为学校或机构提供数据支持,便于绩效考核和资源分配。关键词:教师成果管理、信息化、绩效考核、数据统计、SpringBoot。 本系统采用前后端分离架构,后端基于SpringBoot2框架,结合MyBatis-Plus实现高效数据操作,前端使用Vue3构建响应式用户界面,数据库采用MySQL8.0存储数据。系统功能包括教师成果的增删改查、分类管理、多条件筛选、数据导出及可视化统计。通过权限控制,确保数据安全性;支持文件上传功能,便于教师上传相关证明材料。系统设计注重用户体验,提供简洁直观的操作界面,同时具备高扩展性,便于后续功能迭代。关键词:SpringBoot2、Vue3、MyBatis-Plus、MySQL8.0、权限控制。 数据表 教师基本信息数据表 教师

从 Renderless 架构到 WebAgent:我的 OpenTiny 前端智能化实战之路

从 Renderless 架构到 WebAgent:我的 OpenTiny 前端智能化实战之路

一、缘起:为什么我要给 DialogBox 加上"resizable"能力? 说起来挺有意思的。作为一名在企业级应用开发一线摸爬滚打多年的前端,DialogBox 这个组件我用了不下百次。但每次用的时候,总觉得差点意思——用户想自己调整弹窗大小?不好意思,不支持。 直到我参加了 OpenTiny NEXT 前端智能化系列直播,听到老师讲 AI Agent 和 WebMCP 的时候,我突然意识到:这不就是我一直在等的那个契机吗? 传统的组件开发模式是:开发者定义好所有功能,用户只能被动接受。但在 AI 时代,组件应该是"可对话"的——用户说"我想把这个弹窗调大一点",AI 就能理解意图并调用相应的 API。 但要实现这个愿景,首先得让组件具备足够的能力。

AI Skills:前端新的效率神器!

近来,AI 领域有个火爆的话题:Skills。 Github 上被疯狂 star 的仓库,很多都是和 skills 有关的。 有的仓库仅仅上线三个月就获得了快 50K 的 star,Skills 的火热可见一斑。 不管是大模型,还是 Cursor、Codex、Claude、Trae、Copilot 等编程 IDE 都在争先支持 Skills。 围绕 Skills,它们在做的就是为了完成一件事情:技能是通过学习和反复练习获得的,而 Skills 是把经验和最佳实践沉淀为 AI 能力,将“知道”转化为“做到”的本领。 详解什么是 Skills 要说清楚什么是 Skills,先来了解一下关于 AI 的 2