📖 本文导读
1. 安装 opencode + 两个 Skill,一分钟搞定环境
2. 加载 pptx Skill,AI 写代码生成 13 页 PPT
3. 加载 gzh-design Skill,一键排版公众号文章
01先说说工具TOOLS
最近在用 opencode 写代码。它是一个命令行 AI 编程工具,和 Claude Code 类似,但有个不一样的设计——Skill 系统。
Skill 就像一个个"插件说明书"。遇到做 PPT 的任务,你加载 pptx Skill,它告诉你该用什么库、怎么写、怎么验收。遇到排版公众号文章,加载 gzh-design Skill,它告诉你颜色怎么配、标点用什么、怎么避坑。Skill 不是黑盒子,是一份 step-by-step 的指南——AI 按它执行,你也可以按它检查。
安装很简单,三行命令:
# 安装 opencode
npm install -g @opencode/cli
# 安装两个 Skill
opencode skill install pptx
opencode skill install gzh-design
然后跑 opencode 进入对话,加载 Skill——剩下的就是聊天。
02起因ORIGIN
前阵子年中述职季,我手头有一篇在牛客网写的个人总结,记录了过去两年从实习到独立负责系统的经历。但我完全不想打开 PowerPoint,一个字都不想写。
能不能让 AI 帮我把这篇帖子,直接变成述职 PPT?
试试就试试。
03第一步:让 AI 先理解"述职该写什么"FRAMEWORK
我没有直接说"帮我做个 PPT"——那样太抽象了。
我先扔给它一篇讲述职报告怎么写的文章,让它总结框架。然后扔给它我在牛客写的帖子。
AI 很快给出了一个结构化大纲,把我的零散经历重新组织成了七个板块。这大概花了 1 分钟——比我手动列提纲快十倍。
学到的第一课别让 AI 猜。先给它一个它该"像什么"的参考,再给它你的原材料。模板 + 素材 = 好结果。
04第二步:加载 pptx Skill,让 AI 写代码画 PPTPPTX
大纲通过了。我决定更进一步——直接把 PPT 做出来。
这里的关键操作是:加载 opencode 的 pptx Skill。
加载 Skill 只是对话里一句话,但它背后的内容是一整套指导——告诉 AI 要用 PptxGenJS 库、幻灯片尺寸怎么设、阴影怎么写才不会把文件搞坏。如果没有 Skill,AI 可能会猜一个库,写出不兼容的代码,生成的 .pptx 打不开。
AI 按照 Skill 的指导,写了一整段 JS 脚本——封面、节标题页、内容卡片页、结尾页,一共 13 页幻灯片。这个过程大约 3 分钟。
第一版出来的时候,我其实有点震惊——它真的有模有样。
学到的第二课Skill 是 AI 的"专业说明书"。做 PPT 有 pptx Skill,排公众号有 gzh-design Skill。加载一个 Skill,等于告诉 AI "按这个领域的最佳实践来"。
05第三步:迭代配色,从"能看"到"好看"DESIGN
第一版的配色是深蓝色系,沉稳但偏严肃。
我说了一句:"换成马卡龙色,偏中性一点。"
AI 把我的配色方案全部换掉了——Teal(青蓝)、Coral(珊瑚粉)、Lavender(薰衣草紫),搭配暖白色背景。其实就是改了脚本里的几行颜色变量:
const C = {
teal: "4ECDC4",
coral: "F58B8B",
lavender: "B39DDB",
yellow: "FFEAA7",
};
整个改造过程大概 2 分钟。
学到的第三课别满足于 AI 给的第一个答案。告诉它"换一个风格",它就能重新生成。AI 的试错成本接近零——多试几次,找到你真正想要的。
06第四步:质量检查——让 AI 给自己打分QA
这一步是最酷的。
我让 AI 自己检查自己生成的 PPT——找出重叠的文字、过挤的间距、对比度不足的颜色、中文渲染问题。
它真的找了一堆问题:
- 封面标题间距太挤
- 卡片底部离边缘太近
- 中文用了 Arial 字体,fallback 可能出问题
- 灰色文字对比度不够
一轮修复之后,再检查。循环了两轮,最终版本比第一版干净得多。
学到的第四课让 AI 检查 AI 的输出——就像让另一个同事 review 你的代码。不要只用一个 AI 输出就完事,让它自己给自己做 QA。
07第五步:用 gzh-design Skill 排好公众号文章PUBLISH
PPT 做完之后,我想把整个过程写成文章发公众号。但公众号排版很麻烦——字体、间距、颜色,手动调一遍半小时。
我又加载了一个 Skill:gzh-design。
这个 Skill 告诉 AI 公众号排版的所有规则:不能用 <style> 和 class,所有文字必须包 <span leaf>,标点全角弯引号,正文关键词每段要标下划线……
AI 按这套规则,把 Markdown 文章直接生成了一份纯 HTML。复制到公众号编辑器里,样式全在。主题色就是 PPT 那套马卡龙色——青蓝、珊瑚粉、薰衣草紫,完全一致。
学到的第五课Skill 之间可以联动。做 PPT 用的配色方案,排公众号时继续用——AI 记得上下文,你不用重复说。
08结果RESULT
13 页 PPT + 一篇公众号文章。
从零到最终版本,包括内容整理、PPT 生成、配色调整、质量检查、文章排版——总耗时大约 15 分钟。
PPT 文件 183 KB,结构完整。文章 HTML 复制到公众号粘贴,样式一秒到位。
09最后CLOSING
写这篇文章不是为了推广 opencode。
而是想说:我们正处在一个"一个人也能做成很多事"的时代。过去做一个像样的 PPT 可能需要设计 + 文案 + 排版三个人协作,现在你只需要学会一件事——怎么给 AI 清晰的指令。
而 opencode 的 Skill 系统,恰好帮你把"清晰的指令"这件事标准化了。做 PPT 有 pptx Skill,排版有 gzh-design Skill。你不需要告诉 AI"用 PptxGenJS、避开这些 API 陷阱"——Skill 替你说了。
学会的方法也很简单:找一件你想做的事,然后让 AI 做一遍。
我的那件事,是做一份述职 PPT。
你可以从任何事开始。
附:用到的两个 Skill
安装
opencode skill install pptx
opencode skill install gzh-design
在对话中加载
加载 pptx Skill
加载 gzh-design Skill
作用
pptx 生成 .pptx 文件——布局、配色、阴影、图表规范 | | gzh-design 公众号排版引擎——全角弯引号、span leaf 包裹、禁用项检查 |
10引用REFERENCES
https://www.nowcoder.com/discuss/604074976156663808