用 AI 搞定专业图文排版，一键生成杂志级页面！

大家好啊，我是甲木。这是 Skills 系列的第二篇。如果说第一篇更多是在讲「为什么要有 Agent Skills」，那这一篇，我更想聊聊「Skills 真正开始好用，是在什么时候」。答案很简单。当你开始反复、连续、甚至有点偏执地，去手搓某一个具体业务诉求的时候，当你想解决一些每天都在重复做、但又不太值得人亲自去耗时间的事情。比如在营销场景中，往往会有货架电商或直播内容电商的图文生产需求。在内容策划和视觉设计层面，可以直接参考其他平台的图文，将产品制作成同风格的海报，实现类似的排版布局。

这些功能都可以封装成 Skills 来实现，由于 Skills 具备代码环境执行的能力，它可以实现一键生成图文内容，这部分内容之后再做分享。今天给大家分享一个「杂志排版Skill」，能够一键把将文本内容转换为精美的杂志风格HTML页面，支持专业排版和多种视觉风格。先来看看效果：

很多时候，我们并不是没有内容，而是内容一旦变多，排版就会迅速失控。不同平台、不同模板、不同设计师的审美，叠加在一起，最后得到的结果往往是：信息是对的，但看起来很累。所以就做了这个 Skill，非常简单，并且也开源出来了，分享给大家！

“欢迎Star：https://github.com/isjiamu/jiamu-skills昨天分享的私董会Skill也放在仓库里了

从「排一次」到「排一百次」最初的想法非常简单。输入一段完整文本，让 AI 帮我生成一个看起来像杂志一样的 HTML 页面。但很快我就发现，只靠一次 prompt，是不够的。因为排版这件事，本质上是一种风格选择加结构映射。你需要让 AI 明白：什么是标题，什么是引言，哪里该留白，哪里该强调。在早期，我们受限于单个窗口，AI 能参考的模板非常有限。你给它一两个示例，它只能在那个狭小的范围里模仿。而 Skills 本身的结构，恰好解决了这个问题。├── SKILL.md # 核心技能文件（含 YAML frontmatter） ├── references/ │ └── styles.md # 样式参考文档 └── scripts/ └── html_to_pdf.py # HTML 转 PDF 脚本

我可以把不同风格的排版模板，拆成一个个模块，统一放进 references 里，作为长期可复用的参考资源。于是，整个思路发生了变化。我们可以给 AI 一整套杂志排版的参考体系，让它根据我们的内容自己选。magazine-layoutSkill 的结构设计整个 magazine-layout skill，其实非常克制。

只有三个文件。

SKILL.md，定义技能的角色、触发条件、流程规范。
references/styles.md，存放所有排版风格模板。
scripts/html_to_pdf.py，负责把最终 HTML 转成 PDF。

没有多余的东西。但正是因为足够简单，反而非常清晰。Skill 的核心能力只有一件事：把一大段文本，转成一个专业、可阅读、可下载的杂志风格页面。

在 SKILL.md 里，我明确要求了一个流程。

第一步，先分析文本结构。

识别文本的结构元素： - 标题和副标题 - 章节和小标题 - 重要引言或金句 - 列表和数据要点 - 作者/日期信息

第二步，必须和用户讨论风格选择。

**重要**：必须向用户展示风格选项，与用户讨论后再确定。使用 AskUserQuestion 工具让用户选择。


阅读 [references/styles.md](references/styles.md) 获取完整模板。
**可选风格一览：**
| 编号 | 风格名称 | 适用场景 | 视觉特点 |
|-----|---------|---------|---------|
| 1 | 经典优雅 (Classic Elegance) | 文学、散文、回忆录 | 衬线字体、暖色调、首字下沉、装饰性分隔线 |
| 2 | 现代极简 (Modern Minimalist) | 科技博客、现代文章 | 无衬线字体、大量留白、简洁线条 |
...(略)
| 12 | 暗黑科技 (Dark Mode Tech) | 开发者内容 | 深色背景、荧光配色、终端风格 |
**风格推荐逻辑：**
-文学/散文类 → 推荐：经典优雅、复古怀旧
-技术/编程类 → 推荐：科技杂志、暗黑科技、现代极简
-商业/报告类 → 推荐：商务专业、新闻报道
-生活/旅行类 → 推荐：自然生活、时尚奢华
-观点/评论类 → 推荐：大胆社论、创意艺术
-学术/研究类 → 推荐：学术期刊

**用户也可以：** -混合多种风格元素 -自定义颜色、字体 -调整页面尺寸和间距

第三步，严格按选定模板生成 HTML。

从 [references/styles.md](references/styles.md) 读取选定风格的模板，生成完整HTML。


**生成规则：**
1.严格使用选定风格的模板结构
2.**保留用户原文的全部内容**- 绝不删减或总结
3.应用合适的排版组件：
 -首段使用`drop-cap`首字下沉
 -重要语句使用`blockquote`引言样式
 -章节间使用风格专属的分隔线
 -正确的标题层级 (h1 > h2 > h3)
4.**必须包含智能分页CSS**（见下方说明）
5.内容必须适应页面尺寸
6.包含所有CSS（内联或通过CDN引入Tailwind、Google Fonts）
7.输出完整、自包含的HTML文件

第四步，按需导出 PDF。

这里有一个我刻意强调的点。风格选择，不能跳过。因为排版这件事，本质上是审美决策。如果你不把这个决策显性化，就一定会在后期不断返工。所以我在 Skill 里，直接列了 12 种风格，从经典优雅、科技杂志，到暗黑科技、学术期刊，每一种都对应明确的使用场景。大家也可以准备自己的自定义风格，进行上传。一个案例：DAN KOE 的文章如何使用呢？打开Claude Code，直接表明诉求。

我拿前段时间，海外破亿阅读的 DAN KOE的文章「如何在一天内，重塑你的整个人生」上传。这是一篇非常典型的长文。结构清晰，段落密集，金句很多。如果只是普通网页阅读还好，一旦想保存、打印、反复看，排版就显得尤为重要。我做的事情很简单，直接把原文发给它。之后Agent根据Skill自动展开分析，然后跟我们推荐相应的风格，

这里我们直接选择推荐的「大胆社论」风格，

稍等一两分钟（取决于你的网络），就会处理完毕。

之后，你就可以直接打开页面，来看最终的效果，

还有其它重点标识符号，

完整版我直接部署到网站了，感兴趣的可以直接查看https://pnj842ce4s.youware.app如果需要PDF版本，直接让它自行调用HTML转PDF即可。

再比如，把刘润老师最新一篇文章直接转化为排版格式。

还有就是昨天给大家分享的那篇，杂志排版设计风格等等，还可以自定义，任君选择~这也是我做这个 Skill 时，最想要的效果。帮你替你把内容「托起来」。结语说说自己的感受，越来越觉得，Skills 的本质，其实就是 Workflow。只不过，它是一种文本化的 Workflow。它抛弃了过去那种复杂的拖拽节点、流程图、参数面板，把所有逻辑都浓缩进一段可以反复迭代的文字里。你和 AI 的关系，也从“点按钮”，变成了“对话式协作”看郭美青老师文章里面有人提到，Agent Skills “非自建不可用”。这句话，我其实是认同的。因为我们的需求，本身就充满个性化。每个人的流程、标准、审美，都不一样。我写的 Skill，未必完全适合你。但这并不重要。重要的是这种思路。当你发现某件事在不断重复，而且每次重复都消耗你的注意力，那它就非常适合被封装成一个 Skill。现在的 AI 足够聪明，你只需要把流程想清楚，把标准说清楚，剩下的事情，它可以做得非常稳定。这也是写这个系列的初衷，分享一种构建自己工作流的方法。后面，我也会继续把我手搓的 Skills、踩过的坑、跑出来的案例，慢慢分享出来。希望能对你有所启发。以上。

我是甲木，热衷于分享一些AI干活内容，同时也会分享AI在各行业的落地应用，我们下期再见👋🏻