mobile wallpaper 1mobile wallpaper 2mobile wallpaper 3mobile wallpaper 4mobile wallpaper 5mobile wallpaper 6mobile wallpaper 7mobile wallpaper 8mobile wallpaper 9mobile wallpaper 10mobile wallpaper 11mobile wallpaper 12mobile wallpaper 13mobile wallpaper 14mobile wallpaper 15mobile wallpaper 16mobile wallpaper 17mobile wallpaper 18mobile wallpaper 19mobile wallpaper 20mobile wallpaper 21mobile wallpaper 22mobile wallpaper 23
79 字
1 分钟
笔记|(搁置中)VibeCoding学习笔记
2026-05-26

vibe coding 体验网站#

扣子编程。不吃本地算力,打开网页就能跑。适合体验用。

https://code.coze.cn/home

万能提示词模板#

【角色定位】:你是一名资深的 XX 开发工程师,拥有大量的 XX 领域的开发经验,代码规范、注释完整、兼容性强
【需求背景】:我需要做一个 XX 项目,用于 XX 场景,解决 XX 问题
【核心目标】:1. XX 2. XX
【输出规范】:1. 代码使用 XX 语言/框架,版本为 XX 2. 代码必须添加完整的中文注释 3. 按模块拆分代码,标注每个文件的名称和作用 4. 提供完整的运行步骤和依赖安装说明
【约束条件】:1. 不得使用 XX 不兼容的依赖包 2. 必须适配 XX 环境 3. 代码必须可直接运行,无缺失内容 4. 不得出现安全漏洞
【验收标准】:实现 XX 功能,满足 XX 要求,可通过 XX 方式验证。

XX换成想要的内容就好了。例如:

【角色定位】:你是一名资深的前端游戏开发工程师,拥有大量的 Web 互动小游戏领域的开发经验,代码规范、注释完整、兼容性强。
【需求背景】:我需要做一个经典的“贪吃蛇”网页小游戏项目,用于个人编程实践和效果演示场景,解决快速搭建轻量级游戏逻辑和前端交互界面的问题。
【核心目标】:
实现贪吃蛇的核心玩法(方向键控制移动、随机生成食物、吃食物后身体变长、撞墙或咬到自己则游戏结束)。
提供简洁美观的 UI 界面,包含当前分数面板、游戏开始/重新开始按钮。
【输出规范】:
代码使用原生 HTML5 Canvas、CSS3 和 JavaScript 开发,无需额外框架。
代码必须添加完整的中文注释,解释核心算法(如移动逻辑、碰撞检测)。
提供一个整合版的完整代码文件(index.html),或者按功能模块拆分出 HTML、CSS、JS 文件并标注各自的作用。提供完整的运行步骤。
【约束条件】:
不得使用需要复杂 Node.js 环境配置或不兼容的第三方依赖包。
必须适配主流现代浏览器(如 Chrome, Safari)。
代码必须可直接运行,复制粘贴后无缺失内容。
不得出现导致浏览器卡顿的内存泄漏或死循环逻辑。
【验收标准】:实现完整的贪吃蛇游玩闭环功能,满足键盘流畅控制的要求,可通过直接双击打开 HTML 文件并成功试玩一局的方式进行验证。

如果你不知道怎么写提示词,不妨把模板发给 AI 优化。

分享

如果这篇文章对你有帮助,欢迎分享给更多人!

笔记|(搁置中)VibeCoding学习笔记
https://luq-blog.xyz/posts/2026-05-26-ai-coding/
作者
Luquiescene
发布于
2026-05-26
许可协议
CC BY-NC-SA 4.0

部分信息可能已经过时

目录