Coze Skill 速通教程:一文学会 Skill 设计方法

Coze Skill 速通教程:一文学会 Skill 设计方法

 

你可以卖自己的 Skills 了。

扣子 Coze 支持了 Skill 功能,用户可以在平台上自由创建并使用自己的 Skills。

Coze Skill 速通教程:一文学会 Skill 设计方法

还上线了技能商店,你做的 Skills 可以上架,让别人直接用。

Coze Skill 速通教程:一文学会 Skill 设计方法

可以选择免费对外,也可以设定收费,给 Skills 创作者新的变现机会。之前写 Agent Skills 文章时,还只能在本地电脑上用 Skills,现在也算有了新选择。

为了让更多人能上手创作 Skills,这篇文章将会为你带来:

1.以扣子技能商店为例,能想到做哪些 Skills?

2.Coze Skills 的差异:与 Claude Skills 的区别和适用场景

3.怎么设计一个好 Skill

4.实战演示:完整的Coze Skills 开发教程

主打一次性学全 扣子 Skill 的设计方法、实操过程、付费上架的全流程。

01 从扣子技能商店,看 Skills 生态

这应该是第一个以日常应用为主的 Skills 商店。

之前的 Skills 市场,乌泱泱全是专业开发相关的 Skills。(和大部分用户的日常需求没什么关系)

而扣子技能商店,更接近在职场工作者的需求:

Coze Skill 速通教程:一文学会 Skill 设计方法

逛一圈下来,大概分成这几类:

  • 自动化创作类:生成式 AI 的老本行,包括自动化写作、卖货文案生成、TED 视频转公众号文章
  • 可视化生成类:基于前端网页或 AI 图片生成能力,互动教学课件、 文章转 PPT、古诗插画生成
  • 设计开发类:3D 图标生成、前端设计强化 Skill、公众号 SVG 生成器
  • 专业领域知识类:投资机构观点、考研英语强化训练、商业分析 AI 助理
  • 实用工具类:法律类案检索、SEO优化、arXiv 论文搜索、文本转 EPUB 电子书等

Coze Skill 速通教程:一文学会 Skill 设计方法

一些现在上架的扣子 Skill 的效果合集,包含了绘画、游戏、物理教学、图标生成等

你可能会问,和之前的扣子 Workflow 商店有什么区别?

Skills 的巧妙在于:

借通用 Agent 内核,只靠自然语言描述的设计文档,就能低成本创造具有通用 AI 智能上限的垂直应用。

从扣子商店已经上架的 Skills,不难发现 Skills 的生态,比 Workflow 时期更加广泛与细微:

Workflow 时代,需要拖拉拽节点、配置参数、设计分支逻辑。本质还是”编程”,拦住了一大波没有开发经验的用户。能做出来的东西,也受限于平台提供的节点类型。

Skill 则有着更低的门槛,与更高的上限。任何人都可以用自然语言描述方法论,告诉 Agent 这件事怎么做、用什么工具、参考什么素材。甚至调用 API,也只需要在对话框里塞一份接口文档。Agent 会根据你的指引,自己判断什么时候用什么。

这意味着在 Skills Agent 时期:

  1. 更多人能上手创造:不用懂节点配置,会写文档就行
  2. 不受节点与开发经验限制:之前难编程的 Agent Workflow,现在能直接文字说给 AI
  3. 更高度分化的需求:同一个需求,每个人都能用自己的方法论做一个版本;
  4. 很多本来做起来嫌麻烦的小需求,都有了被固化为技能的机会

所以现在的技能商店里,连「新年绘本」、「国创专业评审」这种小众需求都有人做,而且开发上架的那么快(一两天内搞定)。

这在 Workflow 时代是很难想象的。

1️⃣ 从这里开始:扣子技能与 Claude Skills 的适用区分

如果你看过之前我写的 Agent Skills 文章《Agent Skills 终极指南:入门、精通、预测》

可能会问:在扣子做 Skill 和在 Claude Code 里做,有什么区别?

除开 Agent 的模型不谈,核心差异是运行环境:

  • 扣子 Skill 在云端运行:不用安装,可以直接分享给别人,打开即用;而且运行时,用户不需要保持电脑的开机,也对自动化定时任务更加友好(如,每天自动运行资讯日报 skill)
  • Claude Code 则在本地:安装过程较为复杂。但好处是能实时读写你电脑上的文件,AI 能够代理操作浏览器,自动化完成整理文件夹等复杂行动。但电脑要保持开机、亮屏,不然任务就断了。

如果 Skill 不需要实时本地文件读写,想随时随地跑任务,分享给别人、团队使用,云端 Skill Agent 平台会比 CC 更方便。

这些差异也会影响 Skill 的设计思路。

接下来,我用一个「从 0-1 开发文章转 PPT Skill」的例子,讲讲如何在扣子上设计一个 Skill。

2️⃣ 如何设计一个好的 Skill?

这部分不难,有助于理解 skill 设计。当然如果想直接手搓简单 Skill 玩玩,可以直接看下一节。

用 PPT Skill 做案例,是因为做 PPT 大家都熟悉,不用解释太多背景。

我自己的需求是,写了这么多的文章,难免会被拉到线下做分享。实在赶时间的时候,就得用 AI 来优化「文章转 PPT」的工作流程。

所以希望:

  • 流程自动化:最好是一篇原文扔进去,就能按预期自动拆解 PPT 逻辑,一次性完成 PPT 生成
  • 自适应设计风格:更加贴合文章内容/品牌调性,讲科技的就科技风,讲技术的就 Geek 些
  • 版式上:根据每页内容,选择合适的版式表达生成
  • 稳定快速:尽可能的快

1.先看看使用 Skill 后的效果

以下是我用自己做的 PPT Skill,自动读取原文内容,自动生成的 PPT 效果。

比如把扣子这次 2.0 迭代的官方通告,改为符合品牌色的 PPT 效果:

Coze Skill 速通教程:一文学会 Skill 设计方法

Coze Skill 速通教程:一文学会 Skill 设计方法

PPT 化我写的 Agent Skills 科普,采用深色科技风格,利用合适版式,展示信息。

Coze Skill 速通教程:一文学会 Skill 设计方法

也可以切换不同的风格(更 Geek):

Coze Skill 速通教程:一文学会 Skill 设计方法

又或者把某个调研报告长文,变成浅色 Slide。

Coze Skill 速通教程:一文学会 Skill 设计方法

可以看出,即使在各家 AI PPT 功能满天飞,还能自由选择「文生图 PPT」、「Html PPT」两种形式的现在,我们依旧可以通过 Skill,调教出更适合自己需求的 PPT Agent,让我们不需要每次都得向 AI 说明自己的设计规范要求、PPT 讲述逻辑,就能复用以往的智慧。

BTW:对了,扣子 2.0 后的通用 PPT 生成功能也很不错,推荐试试

Coze Skill 速通教程:一文学会 Skill 设计方法

2.Skills 的魅力在于「可沉淀的做事方法」

只用一个 SKILL.md 组成的技能,确实 ≈ Prompt;

但 Skill 的架构允许我们一次性交给 AI 更多的复杂资产:

Coze Skill 速通教程:一文学会 Skill 设计方法

有了 Skills,就不用所有环节都需要 AI 即时推理,速度更快,结果也更贴合自己的预期。

以「文章转 PPT」的 Skill 设计为例,哪些方法、资产是可以提前固化的?

Coze Skill 速通教程:一文学会 Skill 设计方法

  1. 流程自动化:把我做 PPT 的方法论——先提炼观点、再拆页面、最后套风格,这是放之任何文章皆准的分步骤指引。
  2. 自适应匹配风格:常用的风格可以预置成文件(CSS、设计规范),AI 根据文章调性选择匹配;但如果遇到预置之外的需求,就交给 AI 自主发挥。
  3. 生成快、风格稳定:这其实是前两点的附带结果。

能预置的都预置了,AI 不用每次从头生成样式,自然又快又稳。

想清楚要固化什么后,接下来就是怎么落到 Skill 里。

先定输出格式。

PPT 生成有两种路线:文生图,或者生成 HTML。文生图的好处是视觉效果上限高,AI 可以直接画出设计感很强的页面。但问题是生成的是图片,想改个字都得重新生成。而 HTML 可以边生成边调。生成完直接在浏览器预览,最后还能导出为可编辑的 PPT 文件。

然后是之前要求内容的固化架构设计:

Coze Skill 速通教程:一文学会 Skill 设计方法

SKILL.md 负责告诉 Agent,如何进行自动化的流程:比如,拿到一篇文章后,先分析调性,再提炼要点,然后匹配设计规范,生成 PPT。也可以把一些经验通过 Skill 文档明确指出,比如:告诉 Agent,使用 chart.js 就能在 ppt 的 html 中绘制各类数据图表。

Coze Skill 速通教程:一文学会 Skill 设计方法

Assets 和 reference 里放与设计相关的参考资产。

比如,layout-guide.md 预置了几套设计规范。

Coze Skill 速通教程:一文学会 Skill 设计方法

也可以利用 html-template.html,提供可直接复用的 html 模板,AI 可直接复用固定的页面样式。

Coze Skill 速通教程:一文学会 Skill 设计方法

好的 Skill 能把每次要重说的话,变成预设的指引;把不稳定的生成变成可预期的结果。

借通用 Agent 对内核,只靠自然语言说出 Skill,每个人都能低成本创造具有通用 AI 智能上限的垂直应用。

3️⃣ 实战演示:完整的扣子 Skills 开发教程

那么,如何在扣子上,开发属于自己的 Skill 呢?

我用前面提到的「文章转 PPT」Skill 来演示完整流程。看完这个案例,你就知道该怎么操作了。

1)先进到扣子官网

官方地址是:https://space.coze.cn/

Coze Skill 速通教程:一文学会 Skill 设计方法

扣子现在主打两大功能,一个是扣子,也就是通用 Agent,技能商店也在其中。

另一个则是扣子编程,具备了 AI Workflow、Vibe Coding 等各项能力,以及我们要用上的 Skill 开发功能。

2)发送第一次 Skill 要求

进入扣子编程后,选择「技能」,就可以在对话框中,发送我们的 Skill 要求。

这里的 Skill 要求,可短可长:

短:可以是一句话“替我生成一个 XX 技能”,然后扣子会用 AI 推理,自行给你生成完整的 Skill。

虽然可能会在不少细节要求上与自己的真实需求有出入,但也是很好的 kick off 方法

Coze Skill 速通教程:一文学会 Skill 设计方法

长:则类似产品需求文档(PRD)、方案策划文档。倾向于直接声明能想到的 PPT 生成要求。

比如,同一家公司做的品牌 PPT,一般有很多通用的设计规范(16:9 尺寸,可复用的左下角版权声明、字体与文字配色)。

这些要求就可以在一开始就给到扣子编程,能减少后面的连续调整的沟通。

Coze Skill 速通教程:一文学会 Skill 设计方法

作为参考,这是我与扣子沟通的任务需求:

开发一个名为“文章转 PPT ”的 Skill。

核心需求是:当用户发送一篇文章或者长文本时,这个 Skill 可以智能分析文章逻辑并切分内容,转化为一份结构完整的 HTML 格式的 PPT 演示文稿。

整个 Skill 需要实现以下功能:

1. 用户使用引导

用户发送文章后,先不要直接生成结果。先引导用户确认关键信息,确保生成的 PPT 符合用户需求,比如:

1)篇幅预期:期望生成多少页?

2)信息密度:内容的呈现是想要详实一点(适合阅读),还是精简一点(适合演讲)?

3)风格偏好:对风格有什么偏好(商业风、科技风等)?

2. 内容智能拆分

Skill 需要具备深度的文本分析能力,不能简单的按段落切分文章,要识别文章内容的起承转合,将其转化为演示文稿的逻辑。如果用户给的内容很短,但要求的页数很多,调用“联网搜索”的能力,根据文章关键词找到相关的案例、背景或数据来丰富内容,补全逻辑。每页 PPT。

3. 排版与生成

将内容转化为可视化的 HTML 格式的 PPT 演示文稿,确保结构美观、数据清晰。

– 比例:16:9,并独立切分,全屏自适应(字体和间距要跟随视口大小自适应)

– 视觉风格:根据文章内容和用户需求动态生成

– 排版样式:预置一些 css 样式规范,根据内容自动调用,包括但不限于:封面、封底、目录、左右对比、中心聚焦、多卡片并列、流程图/时间轴等,同一类版式在整个 PPT 中的重复率不得超过 30%。

– 数据图表:使用 chart.js 图表组件展示数据图表。

另外,也可以同时提供一些更细的样式规范(如果你有要求的话):

# PPT HTML 基础样式规范

##

1. PPT 标准化结构

每一个页面(幻灯片)必须是一个独立的容器,且必须包含以下“PPT 标准元素”:

* **主体容器**:保持 16:9 的宽长比视觉感。

* **页眉**:包含当前章节标题或品牌标识(可用文字代替)。

* **页脚**:必须包含版权信息/作者名、当前页码/总页数。

##

2. 排版与布局

根据输入的 [版面密度] 参数,调整布局逻辑:

* **宽松模式**:

* **字号**:标题极大,正文 16 号字。

* **布局**:多采用“左文右图”、“中心聚焦”或“大文字海报”式排版。

* **留白**:段落间距大,边缘留白宽阔。

* **紧凑模式**:

* **核心逻辑**:结构化信息展示。

* **布局**:多采用“多栏卡片(2-3栏)”、“网格系统”或“时间轴”布局。

* **容器化**:内容必须被包裹在“卡片”、“色块”或“列表框”中,以区分层级,避免文字堆砌。

##

3. 视觉美化

根据用户选择内置的风格或自定义风格进行视觉美化,使用 Tailwind CSS 框架

* **配色方案**:根据文章调性、涉及的品牌,自动生成专业的配色板(主色、辅助色、背景色、文字色)。

* **装饰元素**:为了避免页面单调,必须根据风格自动添加装饰:

* *几何图形*:背景中的圆圈、线条、波点图案。

* *图标*:在标题、列表项前自动匹配添加语义化图标,使用 Lucide Icons。

* *阴影与圆角*:给卡片添加柔和的阴影和适度的圆角,营造层次感。

* **字体排印**:

* 主标题必须醒目、加粗。

* 正文行高至少 1.6,确保阅读舒适。

* 重点文字使用强调色或背景高亮。

3)操作介绍:扣子技能开发界面

发送要求之后,扣子编程的界面延续了主流的 Agent 交互设计:

Coze Skill 速通教程:一文学会 Skill 设计方法

左侧是主要交互区,直接通过自然语言对话沟通,可以实时、清晰的的看到当前任务进展。右侧是常见工具区,预览用于功能测试右侧有个部署按钮,可用于技能开发完成后的发布。

其中,点击右侧上方的「+」,可以打开更多功能,其中「版本控制」非常有用

Coze Skill 速通教程:一文学会 Skill 设计方法

如果开发过程有比较大的错误,可以切换到前一个版本。

技能生成后,点击右上角的「文件」按钮,可查看当前 skill 开发项目的相关文件。

Coze Skill 速通教程:一文学会 Skill 设计方法

我们所说的 Skill 技能包的内容,都在这里可以被直接管理。

Coze Skill 速通教程:一文学会 Skill 设计方法

适合我们检查 AI 所生成的 skill 细节,是否符合我们的要求。

4)连续对话,优化迭代技能

其实主要的操作在上面就已经结束了。

是的,比在 Claude Code 上,还需要先安装 CC 本地,再刻意新建项目文件夹,调用 skill creator 技能开发技能,已经简化成了真正的开箱即用。

那如何对我们已经生成的 Skill 进行进一步优化呢?

比如,我希望给 PPT Skill 预置一些常用的设计风格:

把自己想参照的 PPT 模板、网站设计风格、UI 设计截图,发送给多模态 AI。

借助豆包的视觉能力,分析「视觉规范」。

Coze Skill 速通教程:一文学会 Skill 设计方法

参考提示词如下:

我正在开发一个生成 HTML 格式的演示文稿(PPT)工具,希望生成的 PPT 能完全复刻这些视觉图片的风格。

深度分析视觉素材,提取出所有必要的视觉信息,并直接整理成一段 CSS 视觉规范。

包括不限于:颜色(背景色、文字色、强调色……)、背景、卡片/容器风格、字体类型、形状与线条、装饰元素等

然后在把生成的视觉规范,发回到之前的扣子编程对话中,指导 Skill 的优化即可:

这是【XX 风格】的 CSS 视觉规范,预置进本 Skill 。

若检测到用户文章符合该主题的话,主动推荐并优先使用这套视觉规范来生成 PPT。

【 生成 CSS 规范粘贴在这里】

Coze Skill 速通教程:一文学会 Skill 设计方法

5)调试自己的 Skill

扣子内置了专门的 Skill 调试区,方便我们测试 Skill 的效果(没错,这个需求是我提给他们的‍↕️

我们可以在右侧的预览区,测试开发好的 Skill。

Coze Skill 速通教程:一文学会 Skill 设计方法

测试过程中就会自动调用 Skill,定向触发 Agent 能力。

Coze Skill 速通教程:一文学会 Skill 设计方法

6)部署自己的 Skill

当确定 Skill 没问题后,就可以发布了。

发布前,记得在项目界面的左上角先设置一下技能 logo、名称和简介。

Coze Skill 速通教程:一文学会 Skill 设计方法

然后点击右上角「部署 → 开始部署」,过几秒就会提示部署成功。

注意:每次 skill 修改后,都得点击部署完成更新。

Coze Skill 速通教程:一文学会 Skill 设计方法

此时你可以:直接使用:回到扣子后,刷新页面就能在「更多」中找到刚刚开发好的新技能。点击即可显式调用。

Coze Skill 速通教程:一文学会 Skill 设计方法

上架商店:亦可在「技能商店 → 我的技能 → 我创建的 → 上架到商店」按照流程上架

Coze Skill 速通教程:一文学会 Skill 设计方法

7)关于上架、技能收费

上文已经提过,扣子在打造的是 Agent 社区,也支持用户把自己创建的技能公开到整个技能商店,供其他使用。

上架流程不复杂,按提示填写技能名称、简介、封面图,选择分类,提交审核即可。

Coze Skill 速通教程:一文学会 Skill 设计方法

特别是精选案例,能够支持自主添加该技能的相关使用会话,帮助其他用户在使用前,就能够通过案例了解你的skill能用来做什么。

在付费设置方面呢,也支持免费与按月付费两个形式。

付费设置需要先在「开通商户」入口,开通收款账户:

Coze Skill 速通教程:一文学会 Skill 设计方法

根据指引开通,等待审核通过即可:

Coze Skill 速通教程:一文学会 Skill 设计方法

Coze Skill 速通教程:一文学会 Skill 设计方法

另外,开发者可以根据自己的需要,确定是否需要把技能开源(也就是所有人都能看到你的技能目录与提示词设计)。

如果你的 Skill 确实解决了某个细分需求,完全可以设个价。

毕竟,独特的 Know-How,更优的 Agent 效果,能帮别人省下时间和精力,本身就有其价值。

写在最后

Skill 是可沉淀的做事方法,把每次要重新对 AI 说的话变成预设的指引,把不稳定的生成变成可预期的结果。

扣子 2.0 升级的「技能」,进一步拉低了 Agent Skills 的开发门槛,丰富了垂直 Agent 创作与分发的渠道。

Skill 不再局限于 Claude Code 等 AI Coding 软件的专属工具,每个人都可以试着和云端 Agent 直接唠上两句,开发属于自己的 Skill。

没准你擅长的经验、方法论,积累过的素材、参考材料,正是别人会用上的「技能」。

作者:一泽Eze

来源:一泽Eze

扫一扫 微信咨询

联系我们 青瓜传媒 服务项目

商务合作 联系我们

本文经授权 由青瓜传媒发布,转载联系作者并注明出处:https://www.opp2.com/378925.html

《免责声明》如对文章、图片、字体等版权有疑问,请联系我们广告投放 找客户 找服务 蘑菇跨境
企业微信
运营大叔公众号
运营宝库
运营宝库H5