周日下午，群里有人问能不能做个医学小游戏，明天上课要用，预算500。看了需求：拖拽匹配游戏，左边症状体征，右边4种颈椎病，学生扫码就能玩。
快速决策：
Vue3 CDN引入（不用打包）
单HTML文件（直接扔服务器）
拖拽API + Touch事件（PC和手机都支持）
30秒决策完毕，开干。
开发过程
16:05 - Cursor生成初版
Prompt：
用Vue3做拖拽游戏，左边症状列表（红黑两色），
右边4个疾病区域（田字格），支持PC和手机，
拖对了笑脸，拖错了哭脸，单HTML文件
1分钟，600行代码出来了。能跑，但简陋。
16:10 - 加医学图片
客户发了4张图，我放到yixue文件夹。
告诉Cursor加图片，自动调好了布局。
16:20 - 处理特殊逻辑
客户说："体征少"要能拖到2个疾病各1次。
Cursor第一版没处理对，我自己加了计数器：
diseaseSignCount: { cervical: 0, sympathetic: 0 }
if (item.text === '体征少' && this.diseaseSignCount[diseaseId] >= 1) {
return; // 该疾病已经有一个了
}
16:30 - 移动端优化
手机测试发现拖拽时页面会滚动。
问Cursor，它给了方案：
touchMove(event) {
event.preventDefault();
}
touch-action: none;
再问："小屏幕字太小"，Cursor写了三层媒体查询，从17px降到9px。
最后用elementsFromPoint()优化了拖拽流畅度：
const elements = document.elementsFromPoint(touch.clientX, touch.clientY);
const diseaseBox = elements.find(el => el.classList.contains('disease-box'));
这个API之前没用过，学到了。
16:45 - 收尾
调了颜色、加了emoji、改了动画速度。
全设备测试通过。
部署交付
16:55 - 上传服务器
我自己有服务器和域名，FTP传上去：
-
index.html
-
yixue文件夹（4张图片）
浏览器、手机、微信测试都正常。
17:00 - 生成二维码
草料二维码（cli.im）：
-
输入链接
-
生成二维码
-
下载PNG
发给客户："扫码就能用"
17:05 - 收款
数据总结
用时：1.2小时
收入：480元
时薪：400元/小时
代码量：835行（Cursor写780行，我写55行）
关于cursor
优点:
基础代码5分钟出来
响应式、拖拽、动画都考虑到了
省了大量查文档时间
缺点
复杂业务逻辑还得自己写
需要引导和测试
结论：省70%时间，剩下30%靠自己。
最后说几句
2025年了，AI工具不是替代程序员，是提效。
这个项目：
Cursor写代码
我做方案、改逻辑、测试、部署
人机协作，1小时交付，客户满意，我赚钱。
速度就是优势。
完整代码已开源，公众号回复「颈椎病游戏」获取。
下次接单再更新。
