06
</> AI × 应用创造
Vibe Coding · 教学网页 · Skills · 智能教务
Vibe Coding 入门：会「动嘴」就会写程序 约 10 分钟 Vibe Coding = 用自然语言让 AI 把想法变成能用的网页和小工具。门槛只剩一条：把你想要的东西说清楚。 Vibe 101 · 解剖一个网页：HTML、CSS、JS 到底是什么 约 15 分钟 深入 Vibe Coding 的地基课。用我们自己的一个真实课件页，把「代码」和「页面」摆在一起对照——看完你就知道 AI 写的到底是什么，以及该让它改哪里。 Vibe Coding IDE 工具 约 12 分钟 从网页对话框到专业 IDE，工具按「敢折腾程度」分三档。零基础从对话框开始就够了。 「消费骗局」避坑指南 约 12 分钟 朋友圈和小红书上卖 ¥19.9~¥140 的「AI 教师工具」，你自己动嘴就能让 AI 做。破解口诀：输出 html 版本给我就行。 关键词与提示词：把「嘴」动明白 约 12 分钟 描述得越具体，产出越可控。积累领域关键词 + 让 AI 反向提问，是普通教师和高手之间的差距。 AI 触发词速查表：让 AI 切换「专业输出模式」 约 10 分钟 对 AI 说出一个格式关键词，它就会用对应的专业格式输出。8 大类触发词 + 必须掌握的 20 个 + 常用组合，一页查全。 用 HTML 解题：最快见效的练手项目 约 20 分钟 把一道中考题变成可交互的解析页面、把随机吐槽做成抽签系统——单文件 HTML 是教师 Vibe Coding 的最佳起点。 实战案例：从「1人公司」到固化的 Skill 约 15 分钟 两个真实案例：让 AI 按你的设计规范自动产出网页（Notion 风 Skill 固化），以及飞象老师的经验教训。 学科课件任务：为你的课做一个网页，顺便入门 Vibe Coding 约 40 分钟 任务驱动实战。15 个学科每个都有一节课的任务卡：备材料 → 七步迭代（文字→图片→音视频→动画）→ 做出属于你这节课的 HTML 课件。 学科材料包：15 科打包下载 约 8 分钟 每个学科一个材料包：知识点文字 + 学科示意图/动画 + 朗读音频 + 现成任务话术。下载解压拖进 WorkBuddy 就能开工。 AI 任务库：按你想解决的问题找任务 约 10 分钟 不按软件找，按目标找。每个任务=话术+真实生成的结果（图/动图/可点开的成品）。课堂更生动 / 学生吸收更好 / 教学方式改变 / 重复劳动清零 / 为自己。