魅客科创中心 XMAKER

每节课都有一个看得见、讲得清、能演示的 AI 编程 Demo

这是一个独立课程网站,用来展示《AI 全栈实践课》的 16 次课设计。它强调 AI 编程工具协作,而不是传统语法课:学生通过提需求、生成代码、运行验证、反馈修改,逐步完成一个真实软件项目。

AI 全栈实践课课程地图

课程不是教学生死记代码,而是训练 AI 协作开发

每次课都围绕一个可展示结果展开,学生学会把想法变成 AI 能理解的任务,再把 AI 生成的作品验收和改好。

01

先看 Demo

每节课先展示最终效果,让学生知道今天要完成什么。

02

写清需求

把功能拆成页面、接口、数据、AI、硬件五类任务。

03

AI 生成初稿

使用 OpenCode 等 AI 编程工具生成、解释、修改代码。

04

运行验证

学生看页面、接口、终端报错,把现象反馈给 AI。

16 节课 Demo 路线图

点击课程卡片,可以在右侧看到本节课重点、AI 编程任务、课堂产出和 demo 预览。

每节课的真实演示画面

选择上面的任意课次,下面会切换成对应课堂 demo。它不是文字说明,而是模拟学生当天能看到、能操作、能展示的效果。

课堂 Demo 预览

演示时怎么讲

AI 编程工具课堂闭环

网站可以直接作为教师上课讲解和前台咨询展示材料。

学生提示词格式

我要修改的页面:
我要实现的效果:
限制条件:
验收方式:
请先给我修改计划,再给代码。

报错反馈格式

我运行了什么命令:
我点击了什么:
终端/浏览器报错:
我期待看到:
实际发生:
请给最小修改方案。

结课表达方式

我做了什么作品
我如何向 AI 提需求
我如何运行和调试
我做了哪些个性化修改
我下一步想升级什么