视频主题与案例背景
大家好,我是小木头。在AI时代,Skills已经非常流行,而在Skills的应用中,有一个非常典型的应用场景,那就是制作幻灯片或者PPT。在开源生态中,目前有许多流传广泛、口碑非常好的Skills,但究竟哪一个更加适合自己,或者说哪款Skill更能够符合自己的需求呢?本期视频我们选择两款过去一段时间我都使用过的Skill进行分享:一个是归藏大师的归藏PPT Skill,另一个是花叔的花书Design。它们之间有一些小小的区别:归藏大师的PPT Skill专注于生成电子杂志风的网页PPT,而花书的这款实际上更像一个Studio,PPT的生成应该是其中的核心功能之一。
“在Skills的应用中,有一个非常典型的应用场景,那就是制作幻灯片或者PPT。”
为了测试这两款Skill,我们选择一个具体的应用场景:最近Eddie Osmany发布了一篇新的博客,介绍长时运行的智能体。我觉得这份内容蛮有意思,希望将其转换成一套幻灯片,分享给小伙伴们。这个案例可能会略显枯燥,全部都是一些技术内容,不过我们来看看Skill能如何帮助到我们。首先,在终端我创建两个目录,一个x,一个y,分别用于安装和运行这两款Skill。两款代码仓库都提供了简明的安装手册,用到的都是npm skills命令,我们分别复制运行一下npx skills命令,控制台完成安装。
安装与环境配置
安装完成后,两侧同时启动一个Claude。在两个代码仓库都有给到如何使用的简明教程。归藏PPT Skill的使用流程中,它会驱动智能体来逐步地引导用户做需求的澄清、选择模板、填充内容。在后续步骤中还会做自检、实现预览,并按照需要进行必要的迭代。大家如果是用的Codex配合归藏PPT Skill,使用中会在完成初稿后询问用户是否需要生成配图,这也是基于或集成了像GPT Image Tool这类非常强大的生图能力。
“归藏PPT Skill的使用流程中,它会驱动智能体来逐步地引导用户做需求的澄清、选择模板、填充内容。”
值得一提的是,当前这个Skill生成的还是一个电子杂志风网页的PPT。在文档中介绍了当前目录结构以及主题色的预设,包含了五个默认的主题。花书Design这个Skill也给到了非常详细的使用手册。最简单的做法当然是安装Skill,然后再像Claude直接说话,或给到它提示词,比如做一份AI心理学演示PPT。刚才我们也提到了,这并不是花书Design这个Skill的唯一的功能或能力,PPT只是其中之一。现在我们就按照初级用户最直觉的使用方式来体验一下这两个Skill会给到我们什么样的PPT生成体验。
初始交互与配置差异
我将同样的一个需求给到两个Claude,其中会引用到不同的Skill,我们分别启动它。左边用到的是归藏的Magazine Web PPT这个Skill,右边就是花书Design,我们分别给他们一些时间来完成幻灯片的生成。执行到这里呢,有两个不同的体验。归藏PPT在这里会帮我预制好一系列的配置,比如语言、主题、长度、生成的HTML文件的位置。其中对内容呢做了按叙事进行划分的,我想应该就是页面。接下来呢就直接开始生成这个HTML Deck。
“归藏PPT在这里会帮我预制好一系列的配置,比如语言、主题、长度、生成的HTML文件的位置。”
花书Skill做了类似的事情,获取了网页的内容做了梳理。那么接下来呢给到了一个问卷,主要目的是了解目标群体、平台、内容长度和深度,以及幻灯片期望的长宽比。还期望了解风格方向,最后一点蛮有意思的是voice,也就是整个幻灯片的声音,是期望做如实的摘要,还是融入个人的观点意见?最后当然是期望能够确定一下文案的语言,中文还是英文?那这里呢,我就来逐一地回复一下。我给了他一组我的回答:目标群体呢是中文读者;长度上呢,我期望它做一个quick highlight;这些选择都是在演示中我随机选择的,大家可以根据实际的情况,在生成PPT的时候呢,按照自己的需要来做选择。
风格选择与生成过程
风格上,也就是第四点,我选择了让它帮我做判断。第五点,声音我让他做如实的总结摘要就好,暂时呢咱们就不融入自己的观点。最后,文案生成还是使用中文,这样呢能够保持跟归藏PPT这边的生成的语言呢是一致的。左边归藏PPT Skill一直在工作中生成十八页的一个幻灯片,那右边呢应该也开始工作了。给他一些时间,我们来让他们完成第一步,也就是初稿的生成。
“风格上,也就是第四点,我选择了让它帮我做判断。第五点,声音我让他做如实的总结摘要就好。”
好了,归藏PPT这边呢生成已经完成,最后呢他在做总结扫尾的工作。那我们先来看看产生的这个PPT的效果。它自动打开了浏览器,我们能看到的就是目前这么一份PPT,配色呢是非常典型的靛蓝词,这也是代码仓库文档这里所提到的,在科技研究AI技术发布会这类的生成中,默认它会定位到这个主题,大家完全可以在对话中进一步的调整主题,让它切换。那我们现在呢,就继续来看看它生成这个PPT的效果。在这个PPT中,有非常典型的杂志的风格,通过使用了大对比度的字体来突出重点信息,比如现在我们看到的“长城智能体”这个标题。
归藏PPT效果与问题
具体内容呢,咱们就不在这里去特别的梳理了,这也不是今天我们分享的重点。我们一页一页的翻。现在呢,我们就翻完了整个幻灯片。从内容的拆分上,从视觉效果上,大家觉得怎么样呢?在日常使用中,我常常会对其进行调整的有几个方面。第一个呢,是每个页面的内容。因为目前这个Skill生成的幻灯片是以比较具有视觉冲击力的大小字体来突出重点,因此在部分的页面上,当标题特别长的时候,会显得文字特别的满。另一方面呢,会挤压到下面的文字与页角发生重叠。这个呢,也是在我过去使用到PPT Skill的时候,对内容会反复做微调的地方。
“在日常使用中,我常常会对其进行调整的有几个方面。第一个呢,是每个页面的内容。”
当然,这些呢都不是问题。我们在与智能体对话中,完全可以将需求提出来,让它将这些页面呢做逐一的调整。所以在这里呢,咱们可以告诉Claude。现在我就让Claude帮助我调整一下,那它会调用Chrome DevTools MCP。这个呢,是因为我在Claude中或者在当前的Claude已经安装了,因此呢,它会尝试通过这种方式可视化地来看看每页的情况。那咱们就让它工作。另一侧是花书Design给到我的输出,看起来目前呢得到了一些结果。花书Design这里呢完成了部分工作,他希望我看一下两张截图,确认OK呢,他在做剩下的八张,我让他帮我打开吧。
花书Design效果与对比
好了,现在打开的就是花书Design为我们生成的PPT,看得出来主题非常不同,用色以及字体等等,那结构非常相似。我们现在呢有一个类似于一个幻灯片的首页或者封面,它只生成了部分页,如果没问题呢,咱们让它再生成后续的。可以看到,在初次的生成中都会有类似的问题,因为咱们给到的是一个博客文章,其中信息量可能还是蛮大的,所以在每页内容拆分上,不可避免的都会出现内容过多的情况。在第二页中,同样也会存在这么一个情况,内容已经挤占到了页角的空间,出现了重叠。
“在初次的生成中都会有类似的问题,因为咱们给到的是一个博客文章,其中信息量可能还是蛮大的。”
同样的,咱们依然会需要Agent帮助我们将每一页的内容进行调整优化,但是从视觉效果上来讲,或者从设计上来讲呢,我觉得都还是蛮不错的,两种风格各不相同。归藏PPT的风格是一个典型的杂志风,通过使用了高对比度的字体来呈现重点,而花书这个呢就显得更加的清新一些。不过这只是默认的主题和配色,我们完全可以按照自己需要让Agent来做调整。而这个Skill呢也提供了许多内置的这些风格供我们选择。现在我们已经看完了这个PPT,那花书Design这里呢,我就直接让它生成吧。我将类似的情况反馈给Claude花书Design。这里后续我希望他对每页内容呢也做一份考量,因为目前呢每页内容文字过多,会溢出与页角重叠。
迭代优化与最终效果
那我们就稍事等待,看看他们最后生成的效果。在花书Design这个Skill的使用中,我们看到。刚才其实他也给到我这么一个反馈,期望是能够先将这两页调到满意,再往后走,这样呢能够将成功经验应用到后面的页面中。我现在呢,直接让它继续生成,在这过程当中,顺带的提了一句,每页内容可能过多,或许这不一定是一个最佳的使用体验或者最佳的实践,还是应该将这两页内容呢调整到满意,我们再让它继续。这也是大家在Skill使用中值得自己去体会的,究竟如何使用更加的高效。
“这也是大家在Skill使用中值得自己去体会的,究竟如何使用更加的高效。”
归藏PPT Skill首先完成了咱们的PPT调整,我们来看看它的效果。在分享效果前,来看看Claude做的总结。最主要的修复呢,还是溢出和重叠的页面。那么现在呢,就来看看调整后的效果。大家还记得刚才我们在哪一页发现了内容重叠的问题吗?刚才重叠的页面的内容呢是做了调整的,四个巨大的数字已经被替换掉了。从目前的页面的效果来看呢,每页的内容都做了一些小小的调整,信息量不会过多,这样呢也避免了内容挤占整个页面或屏幕,原有的一些溢出的情况呢已经被解决。整体而言,效果还是蛮不错的。在这里,他也提到没有一页有溢出到页角的情况,那我们可以来评估一下。这里当然他也提到了每一页溢出到页角的情况,看起来呢目前是没有的。他说他做了截图的审核。
花书Design最终调整与总结
那重点我们还是看PPT的效果。我们现在回到花书Design生成的这个PPT,大家看看效果如何呢?内容的拆分我能感觉到还是比较相似的,毕竟它是基于了一份固定的博客内容。在第四页这里,我似乎依然能感觉到,在页角这里呢会有重叠。同样的,这并不是一个大问题。我们通过对话的形式,让它有针对性的将第四页做再一次调整就好。大家觉得这个生成的效果怎么样呢?那大家是否在日常的幻灯片制作中已经开始使用到这些Skill呢?如果使用过,那么有什么非常好的使用体验或心得,也欢迎在评论区给我们留言。
“在第四页这里,我似乎依然能感觉到,在页角这里呢会有重叠。同样的,这并不是一个大问题。”
那今天的视频分享就到这里吧,我会将代码仓库链接都放在视频描述中,需要的朋友呢就在描述中取用。那我们就下期视频分享再见吧。