我的大模型工作流

## 一、 **焚诀：Prompt 魔法公式 🪄 > 💡 **核心思想：** 现在的你们不是在“苦背语法”的代码民工，而是运筹帷幄的**产品经理**。只要你能把想法描述清楚，Cline 就能帮你实现。 在输入第一个需求时，严格遵守以下「四步走公式」： > **「 我是谁（设定角色） + 我要做什么（核心功能） + 它长什么样（视觉风格） + 按下按钮后会发生什么（交互逻辑） 」** --- ## 二、 创意项目库（请大家自由选择，任选其一或者更多） ### 🎮 方向一：游戏大魔改 - **项目 1：个性化「贪吃蛇/俄罗斯方块」** - **核心：** 纯前端 HTML + Canvas 游戏。 - **魔改灵感：** 让 Cline 把蛇头换成自己的微信头像；加入“吃到黄金苹果速度暴增 3 倍”或“随机产生障碍物墙壁”的变态规则。 - **项目 2：文字冒险生存游戏（Text-based RPG）** - **核心：** 纯前端剧情选择网页（类似《人生重开模拟器》）。 - **魔改灵感：** 设定初始属性（如：_精神状态、咖啡因浓度、GPA_），设计一个“青高期末大逃杀”或“修仙模拟器”的剧情线。 ### 🛠️ 方向二：身边的小工具（极具生活成就感） - **项目 3：周五放学倒计时 + 随机发疯文案** - **核心：** 一个炫酷的单页面 Web App。 - **魔改灵感：** 精确计算距离周五放学还有多少秒。页面加个按钮，点一下就生成一句“高中生周末发疯语录”或“精致励志鸡汤”。 - **项目 4：青高专属「错题/知识点闪卡」** - **核心：** 纯前端卡片记忆工具（轻量版 Anki）。 - **魔改灵感：** 卡片正面是问题（如：“光合作用光反应的产物是什么？”），点击翻转看答案。支持一键导入 JSON 题库，让 Cline 自带一套趣味数理化知识点。 ### 🎨 方向三：视觉与艺术（适合审美在线的同学） - **项目 5：交互式「赛博朋克」白噪音播放器** - **核心：** 结合 HTML5 Audio 的视觉化页面。 - **魔改灵感：** 自带下雨声、篝火声、自习室环境音开关。让 Cline 写一段 Web Audio API，使得背景的粒子动画（如雨滴、火星）能随着声音播放或者鼠标移动产生炫酷的律动。 ### 🔮 方向四：API 进阶联动（真正连通现实世界） - **项目 6：赛博算命 / 每日 AI 运势测试仪** - **核心：** 纯前端利用 `fetch` 直接调用他们手里的 LLM API。 - **魔改灵感：** 用户输入姓名和生日，前端直接打包发给 API。让大模型扮演“算命大师”或“毒舌心理导师”，用幽默无厘头的语言生成一份定制版的“今日青高生存/学习指南”。 --- ## 三、 课堂实践引导（教师带教步骤） ### Step 1：打样演示（5分钟） 在公屏上给学生演示一次：将准备好的“青高期末大逃杀”Prompt 贴进 Cline。 > **「 我是谁（设定角色） + 我要做什么（核心功能） + 它长什么样（视觉风格） + 按下按钮后会发生什么（交互逻辑） 」** 套公式做题就是快奥 ！ > **示例 Prompt：** > > _“你是一个前端专家，帮我写一个网页文字冒险游戏。主题是‘高一学生的期末大逃杀’。画面要用复古的绿字黑底像素风。有三个初始属性：精神状态、咖啡因浓度、GPA。页面正中显示剧情，下方有三个选择按钮……”_ > > 让学生亲眼看到一行代码不写，网页瞬间生成并能跑起来的过程，直接**点燃他们的兴趣**。 ### Step 2：自由挥霍与 Debug 指导（50分钟） - **核心观察点：** 观察学生是否卡在“不知道怎么提要求”上。引导他们**把大任务拆成小步子**（例如：先让 Cline 做出一个能动的方块，再去加变色和音效）。 - **报错处理：** 如果运行效果不对，教他们直接把报错信息或截图描述塞回给 Cline：“你刚才生成的代码有 XX 报错/不符合预期，请帮我修复。”