---
title: "W04 演示视频：练习一 从 GitHub 装 html-slides，做网页演示文稿"
---
# 演示视频：练习一 从 GitHub 装 html-slides，做网页演示文稿
时长 6 分 00 秒，带讲解和字幕。播放器右下角可以全屏。
[W04 材料入口](/materials/2026-autumn/w04) · [上机材料](/materials/2026-autumn/w04/lab-manual) · [常见问题](/materials/2026-autumn/w04/faq)
## 这段视频演示什么
用 WorkBuddy 把课程仓库里的 `html-slides` 装进项目，确认它看得到这个 Skill；先不提名字、自然说话，看它会不会自己想起来用，再用 `/html-slides` 点名加一页；最后打开 `SKILL.md`，认出名字、描述和正文各在哪里。两份背景资料是教学模拟材料。
## 分段导览
点击时间会打开视频对应位置，不是同页播放器内跳转。导言之外，左侧节点对应六步操作。
| 时间 | 步骤 | 看什么 |
| --- | --- | --- |
| [0:00](/course-materials/2026-autumn/w04/media/ex1-demo.mp4#t=0.000000) | 导言 | 场景、材料、要回答的问题，六步流程和两个观看重点 |
| [0:56](/course-materials/2026-autumn/w04/media/ex1-demo.mp4#t=56.267000) | 建项目 | 新建任务，选择工作空间“网页演示练习”；看一眼默认权限 |
| [1:24](/course-materials/2026-autumn/w04/media/ex1-demo.mp4#t=84.067000) | 装入技能 | 让 WorkBuddy 克隆课程仓库，把整个 html-slides 文件夹复制到项目的 .workbuddy/skills/ |
| [2:13](/course-materials/2026-autumn/w04/media/ex1-demo.mp4#t=133.067000) | 确认看得到 | 新建任务、重选工作空间，输入 /html 在弹出的技能列表里看到 html-slides |
| [2:55](/course-materials/2026-autumn/w04/media/ex1-demo.mp4#t=175.567000) | 自然说话 | 不提技能名，只说要做什么；展开过程，找到“查看 SKILL.md”这一步 |
| [4:18](/course-materials/2026-autumn/w04/media/ex1-demo.mp4#t=258.600000) | 点名调用 | 用 /html-slides 点名，加一页“三条找实习建议”；核对出处 |
| [5:15](/course-materials/2026-autumn/w04/media/ex1-demo.mp4#t=315.200000) | 读 SKILL.md | 查看工作空间，打开 SKILL.md，认出 name、description 和正文 |
## 跟着做时留意
1. WorkBuddy 在项目的 `.workbuddy/skills/` 里找 Skill，不读 `.claude/skills/`。要拷整个 `html-slides` 文件夹，不要只拷 `SKILL.md`，也不要多套一层仓库文件夹。
2. 刚装进去的 Skill，要新建任务、重新选工作空间才会被读到。WorkBuddy 没有 `/skills` 命令，输入 `/html` 弹出的技能列表就能确认。
3. 自然说话时界面上不会出现 `Skill(html-slides)`。要判断它有没有用 Skill，就展开过程，看有没有“查看 SKILL.md”这一步，不能只看网页是否好看。
4. 核对末页三条建议的出处，以及用一句话说出这个 Skill 什么时候会被用上，在视频里是在模拟人的审阅与判断；实际练习时要你自己核对、自己写。
## 说明
- 视频使用 WorkBuddy 图形界面，默认权限下写文件、跑命令没有逐次弹出批准。安装这一步让 WorkBuddy 代为克隆和复制；手动下载 ZIP、解压、拖文件夹的做法见上机材料第 2–4 步。
- 等待画面已加速（安装 5 倍、自然说话生成 22 倍、点名修改 18 倍），操作间停顿已压缩。本次自然说话这一轮，WorkBuddy 先写了一版，发现项目里装着 `html-slides`，读了 `SKILL.md` 后按 Skill 的版式重做；每次的过程不一定相同。