如何把幻灯制作 Claude Skill 从「能用」磨到「好用」?
它对于能力的复用效果,可能会令你吃惊
起念
我之前写过一篇 《如何用 Claude Skill 做教学视频?》,带你用 Claude Code 的 Skill 功能。给它一篇论文,自动生成一套讲解视频。对于 Skill 陌生的读者,你可以理解为给 Claude Code 写的一本「操作手册」—— 它每次接到任务,会先翻这本手册,按流程和标准去做。如果想详细了解 Skill,可以参考我那篇文章。
但我毕竟不只是在网上做视频。作为老师,我平时还要到教室里给学生讲课。我总不能上台以后,就一段接一段地播放预录好的视频吧?那就不是教师在讲了。我需要的是幻灯片,自己掌控节奏。
要说这个事儿,我之前其实也做过。例如 NotebookLM, ListenHub,甚至是 Youmind 和 Dessix ,都可以通过提示词要求,结合对 Nano Banana Pro 的调用能力,来做幻灯。
只不过,那样的幻灯,其实就是一张张图片。有的工具会给你更多的操作空间,但总归还是受限。
例如就在我写这篇文章的时候, NotebookLM 又更新了。这次它可以让你用提示词对生成的幻灯片进行调整,可用性更进一步。
不过实话实说,自己讲课的时候,我还是希望对幻灯有更多的控制权。要让它符合自己的风格,而非我去迁就工具能提供的样式。
回过头看那个做视频的 Skill 流程就会发现:Claude Code 先规划内容,生成幻灯片,再配音,最后渲染成视频。幻灯片其实是中间环节的产物。而且已经根据我自己的需求进行了反复的调整。既然如此,何不把它「解耦」出来?只要幻灯片,不配音,也不渲染视频。有了它,你就可以把任意的文稿、甚至是论文,快速地变成幻灯片。这对教师的日常工作太有用了。当然,我相信,不只是教师可以从中受益。
倘若在以前,我会自己动手来拆解。但是现在有了 AI Agent(例如 Claude Code),工作流程就必须变化了。
我让 Claude Code 基于视频 Skill 的经验,设计一套专门做幻灯片的 Skill。果不其然,两轮对话结束,第一版就能用了。
我把一篇 关于心理测量学的论文 扔进去,作为测试。
Claude Code 端到端帮我生成了 12 页幻灯片 —— 有 SVG 矢量数据图表,有分步动画,有演讲者备注,语言是中文,排版也整齐。
下面这段动画就是当时的效果 —— 大五人格的 SVG 柱状图随翻页逐步展开,数据一组一组地显现出来。
我又让 Claude Code 连续迭代了两轮。为了保证内容符合我的需求,让一组 AI Agent(你可以理解为 Claude Code 分派出去的「子助手」)帮忙审校。没想到,它们在完全没有显式提示的情况下,自己决定给产出打了个分 —— 几次迭代中的结果得分从 7.6 到 9.0。
不仅如此,Claude Code 还在我的提示下,把测试中踩到的教训总结成了规则,自己写回了 Skill 里。
这,就是可累积的知识资产啊。
到这里为止,一切看起来很顺利。是吧?
挫折
顺利没持续多久。
我想把暗色主题换成学术风格的白底浅色,结果一换,如同多米诺骨牌一样,问题一个个接踵而至。
语言变成了英文 ——Skill 里明明有语言规则,但写的位置太深,Claude Code 生成到一半就忘了。文字溢出了容器 —— 有个让元素「从小变大」弹出来的动画效果,暗色主题下大小刚好够用,换了白底主题排版参数跟着变了,元素一弹出来就撑破了边界。灰色文字在白底上几乎看不清 —— 对比度根本不够。你看下面这张,底部那两行提示文字,第一行几乎隐形了,第二行干脆完全看不见:
最要命的是 SVG 图表 —— 流程图里那些深蓝、深绿的色块节点,里面原本标着白色文字。切换主题时,它一刀切地把所有文字都改成了深色,连色块里的也不放过。深蓝色块里搁深色字,你说能看清楚吗?
我截了图,把看不清文字的地方用红框标出来,发给了 Claude Code。
它的第一反应是打开生成好的 HTML 文件,直接改颜色值。
我拦住了它。
你想啊,这就好比面包烤焦了。你是把焦的那层刮掉,还是去调烤箱的温度?刮焦层能解决眼前这一个面包的问题,但下一个面包出来还是焦的。
所以,我的要求是:改规则,不改产出物。
听起来像一句口号。但我是在真刀真枪的踩坑中,才真正理解它的分量的。
Keep reading with a 7-day free trial
Subscribe to Shuyi’s Newsletter to keep reading this post and get 7 days of free access to the full post archives.







