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

你可以卖自己的 Skills 了。

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

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

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

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

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

从扣子技能商店，看 Skills 生态

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

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

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

逛一圈下来，大概分成这几类：

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

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

Skills 的巧妙在于：

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

这意味着在 Skills Agent 时期：

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

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

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

如果你看过之前我写的 Agent Skills 文章，

可能会问：在扣子做 Skill 和在 Claude Code 里做，有什么区别？

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

如果 Skill 不需要实时本地文件读写，

想随时随地跑任务，分享给别人、团队使用，云端 Skill Agent 平台会比 CC 更方便。

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

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

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

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

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

所以希望：

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

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

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

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

也可以切换不同的风格（更 Geek）：

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

可以看出，即使在各家 AI PPT 功能满天飞，还能自由选择「文生图 PPT」、「Html PPT」两种形式的现在，

我们依旧可以通过 Skill，调教出更适合自己需求的 PPT Agent，

让我们不需要每次都得向 AI 说明自己的设计规范要求、PPT 讲述逻辑，就能复用以往的智慧。

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

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

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

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

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

⬇️

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

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

先定输出格式。

PPT 生成有两种路线：文生图，或者生成 HTML。

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

SKILL.md 负责告诉 Agent，如何进行自动化的流程：

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

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

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

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

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

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

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

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

1）先进到扣子官网

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

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

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

2）发送第一次 Skill 要求

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

这里的 Skill 要求，可短可长：

短：可以是一句话“替我生成一个 XX 技能”，然后扣子会用 AI 推理，自行给你生成完整的 Skill。虽然可能会在不少细节要求上与自己的真实需求有出入，但也是很好的 kick off 方法

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

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

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

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

开发一个名为“文章转 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 交互设计：

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

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

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

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

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

4）连续对话，优化迭代技能

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

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

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

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

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

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

参考提示词如下：

我正在开发一个生成 HTML 格式的演示文稿（PPT）工具，希望生成的 PPT 能完全复刻这些视觉图片的风格。
深度分析视觉素材，提取出所有必要的视觉信息，并直接整理成一段 CSS 视觉规范。
包括不限于：颜色（背景色、文字色、强调色……）、背景、卡片/容器风格、字体类型、形状与线条、装饰元素等

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

这是【XX 风格】的 CSS 视觉规范，预置进本 Skill 。若检测到用户文章符合该主题的话，主动推荐并优先使用这套视觉规范来生成 PPT。
【 生成 CSS 规范粘贴在这里】

5）调试自己的 Skill

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

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

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

6）部署自己的 Skill

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

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

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

此时你可以：

7）关于上架、技能收费

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

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

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

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

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

根据指引开通，等待审核通过即可：

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

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

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

🎐 写在最后

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

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

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

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

再次推荐阅读最好的 Agent 入门文章：

Agent Skills 终极指南：入门、精通、预测

希望本文能对你有所启发，记得关注～

也感谢你的点赞与分享：)