AI赋能数学/手把手教你在 ima copilot里做自己的 Skill—

AI赋能数学/手把手教你在 ima copilot里做自己的 Skill——以＂一键生成 HTML 课件 PPT＂为例

昨天在ima copilot制作了一个以"一键生成 HTML 课件 PPT"的skill

很多老师在后台了解，这个技能到底怎么做呢？

今天给你讲讲我的思路？

开始是怎么想到“skill”？

你们有没有跟我同样的痛点，就是同样的需求，每次都要重新说一遍。

说第一次还好，说第三次你自己都烦了。而且每次提示词给，给你生成的结果还可能不一样

这时候，skill就可以出场了！

把你反复用的提示词逻辑封装成一个 Skill，以后一句话触发，不用再解释。

下面我用自己做的一个 Skill 带大家走一遍完整流程。

步：想清楚你要封装的是什么

做 Skill 之前，先问自己一个问题：

我有没有一件事，经常要做、每次步骤差不多、但每次都要重新跟 AI 说一遍？

如果有，那就值得封装成 Skill。

我的案例是：把一份课件设计文档，变成 HTML 格式的网页 PPT。

我经常做这件事，每次都要告诉 AI：

我要 HTML 单文件

风格要简洁，适合课堂大屏

颜色用暖色调，字体用思源

交互要有学生操作区

不能依赖外网资源（学校网络有限制）

这些要求每次都一模一样。封装成 Skill，就再也不用重复说了。

步：写好你的提示词

这是最关键的一步，也是很多人跳过的一步。

Skill 的本质，就是一段写好的提示词。

好的提示词有三个部分：

① 角色定义

告诉 AI 它是谁、懂什么：

你是一位小学数学课件设计专家，擅长用 HTML/CSS 制作适合课堂大屏展示的互动教学课件。

② 任务说明

告诉 AI 要做什么、有哪些具体要求：

请根据我上传的课件设计文档，生成一个完整的 HTML 网页 PPT，要求如下：【格式要求】- 单文件 HTML，所有样式和脚本内嵌，不依赖外网 CDN- 横向翻页，键盘左右键或点击箭头切换- 适配 1920×1080 大屏投影【视觉风格】- 背景白色或浅暖色，不要深色背景- 标题字体大、清晰，正文字体用思源宋体或微软雅黑作为备选- 重要内容用橙色或红色高亮，不要超过两种强调色- 每页内容不超过三个要点，留白充足【教学结构】每一页按我设计文档的顺序生成，通常包括：- 情境导入页（问题或图片引入）- 探究操作页（有学生可点击的交互区）- 归纳总结页（核心结论框）- 练习巩固页（2-3 道例题）【技术限制】- 不使用 Google Fonts，不调用任何境外 CDN- 图片用内嵌 base64 或用纯 CSS 色块代替- 兼容 Chrome 浏览器即可

③ 输出格式

告诉 AI 你要什么样的结果：

直接输出完整的 HTML 代码，不需要解释，代码可以直接保存为 .html 文件在浏览器打开使用。

把三段合在一起，就是这个 Skill 完整的提示词。

步：在 ima copilot 里创建 Skill

PC 端操作路径

打开 ima 电脑版，进入Copilot界面。

💡 可以在 Copilot 对话框里点击右上角的「技能」图标，选择「创建技能」。

填写 Skill 基本信息

你需要填写：

字段	填什么	示例
技能名称	简短、功能直接	课件转HTML网页PPT
技能描述	一句话说清楚用途	上传课件设计文档，自动生成可在大屏播放的HTML网页PPT
触发方式	用户说什么就启动	"帮我生成PPT"、"转成网页课件"
提示词	粘贴你在第二步写好的内容	（见上方完整提示词）

关联知识库（可选但推荐）

如果你在 ima 里存了自己的课件风格参考文件，可以在这里勾选关联。

Copilot 执行 Skill 时，会自动读取这些文件，让生成结果更符合你的风格。

比如我关联了：

《董老师课件设计规范.md》（里面写了我的视觉风格偏好）

几份做得比较满意的历史课件（作为风格参考）

步：测试你的 Skill

创建好之后，回到 Copilot 对话框，试一下：

上传一份你的课件设计文档（Word 或 PDF 都行）
输入触发词，比如："帮我生成PPT"
看看 Copilot 是否自动调用了你的 Skill，并按你的要求生成

第一次生成的结果很少会完全符合预期，没关系。

把不满意的地方记下来，回去修改提示词，再测一次。

通常改 2-3 轮，结果就会稳定下来。

步：打磨和沉淀

这一步很多人忽略，但其实是最重要的。

每次用完 Skill，问自己：

这次生成的哪里好？哪里还差？

把好的案例留下来，差的地方更新进提示词。

随着使用次数增多，你的 Skill 会越来越懂你，生成质量也会越来越稳。

这才是 ima 想做的事：你攒的每一次经验，都变成下次更好的输出。

完整提示词参考

以下是我目前在用的"HTML 网页 PPT"Skill 完整提示词，供参考修改：

【角色】你是一位小学数学课件设计专家，擅长用 HTML/CSS 制作适合课堂大屏展示的互动教学课件，熟悉小学数学教学流程，了解 C-P-A（具体-图示-抽象）教学法。【任务】根据我上传的课件设计文档，生成一个完整的 HTML 单文件网页 PPT。【格式要求】- 单文件 HTML，所有 CSS 和 JS 内嵌，不依赖任何外网 CDN- 横向翻页，支持键盘左右键切换，右下角显示页码- 默认尺寸适配 1920×1080 投影屏【视觉风格】- 整体风格简洁温暖，适合小学课堂- 背景用白色或浅米色（#FFFBF5）- 标题字体加粗，大号（建议 48-64px）- 重点内容用橙色（#FF6B35）高亮，最多使用一种强调色- 每页内容精简，不超过三个要点【教学结构页面类型】按设计文档的顺序逐页生成，常见页面类型包括：- 封面页：课题名称 + 年级 + 简洁配图- 情境导入页：问题情境或图片，引发学生思考- 探究活动页：有可点击的交互区，让学生操作- 归纳总结页：核心结论用框线框出，配颜色强调- 练习巩固页：2-3 道例题，带答案展示功能【交互要求】- 探究活动页需要有可点击的按钮或选择区- 学生做出判断后，页面给出反馈（对了显示鼓励语，错了给提示）- 不需要联网，所有逻辑用本地 JS 实现【输出格式】直接输出完整 HTML 代码，不加任何解释文字，代码可直接保存为 .html 文件使用。

小结

做一个好用的 Skill，其实就三件事：

① 找到你反复要做的事② 把你的要求写清楚（提示词）③ 用了就改，改了再用

希望每个人都能找到自己的需要的skill