type
status
date
slug
summary
tags
category
icon
password
大家好，我是零度老师。
之前我们分享了万能提示词模板合集 👉 点此查看，这些模板可以帮助你快速生成各种教学工具和内容。
但不少老师仍不太理解“万能模板”的使用方法和意义。 今天我们以最常用的教学工具万能模板为例，一步步演示如何快速生成内容雏形，帮你彻底掌握“用 AI 写提示词，再让 AI 写代码”的核心思路。
一、复制万能提示词模板
打开我们的万能模板合集文章，找到【可视化教学工具制作提示词模板】，完整复制粘贴到你常用的大模型平台（如 DeepSeek、Claude、Cherry Studio 等）。
我以 DeepSeek 为例，粘贴后先 不要直接发送。
模板末尾补一句指令：
请根据以上模板生成设计提示词，我的主题是： 数独游戏。 请先梳理提示词，先不写代码。
这句很关键：“先梳理提示词，先不写代码” —— 我们要 AI 先帮你把做程序所需的提示词写好！
完整内容请到知识星球查阅https://t.zsxq.com/ZjECw
二、补充主题与功能要求
在“我的主题是”后面填写你想做的内容主题，比如：
数独游戏
你可以添加自己的想法（如功能要求、界面风格），也可以完全不写。
模板已经涵盖了完整框架，AI 会自动为你设计提示词。
三、查看 AI 整理的提示词方案
接下来，AI 会生成一份结构清晰、细致入微的提示词框架，像这样：
完整内容请到知识星球查阅https://t.zsxq.com/ZjECw
四、让 AI 开始写代码
确认提示词没问题后，接着给出指令：
请根据上面提示词生成完整 HTML 单文件代码。💡 如果用的是 DeepSeek，记得关闭“深度思考”功能，改用 V3 模型。
AI 将输出一个结构清晰的 HTML 文件，自动包含 JS 和 CSS，通常就能直接运行！
五、运行与调试
生成代码后：
- 点击右上角「运行」预览页面；
- 发现问题如“答案没隐藏”“提示不生效”可继续对话修改；
- 指令建议加上：“请输出完整的 HTML 代码” 避免 AI 偷懒只改局部。
六、下载 HTML 文件
测试无误后，点击下载按钮，保存 HTML 文件到本地，即可直接运行查看效果！
现在大多数平台都支持一键下载，不再需要复制粘贴改后缀。
七、万能模板的意义是什么？
总结一句话：
“万能提示词模板 ≠ 教你写代码，而是教你用 AI 去写提示词，让 AI 再帮你写代码。”
优秀的提示词是高质量 AI 作品的起点。
你只需要告诉 AI 要做什么，怎么做，让它“先想清楚再动手”，产出效果就会更加精准和高效！
这个方法同样适用于：
- 📷 文生图（生成插画、图标）
- 🎥 文生视频（生成短片、教学视频）
- 🧠 智能体人设（教学助教机器人）
- 📄 教学文案创作（备课、脚本、PPT）
结语
今天，我们用“数独游戏”为例，演示了从模板 → 提示词 → 代码 → 调试 → 下载的完整流程。
希望本教程能帮你真正理解“AI 提示词工程”的威力。 未来教学工具开发，将是提示词工程师的舞台！
今天的分享就到这里， 我们下期见～
- Author:Hisoka
- URL:http://preview.tangly1024.com/article/20b66738-8b3b-80e0-9018-d12012adcd3e
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
