周末在家，我用Claude Code做了个‘广场舞队形生成器’网页——队长扫了3次码，说‘下月比赛就用这个排阵’
没有数据库，没有用户系统，不收集手机号。
就是一个单HTML文件，打开即用，关掉即忘。
但它解决了广场舞队长们最头疼的事：
我们用Claude Code + Canvas，在周六下午做出了这个工具。上线后，被朝阳区12支舞队队长扫码使用，3支主动拍视频发抖音：“教你怎么30秒排出‘蝴蝶展翅’阵”。
---
🎨 核心能力：用Canvas画“会呼吸”的队形
不是SVG，不是CSS Grid，而是原生Canvas——因为：
---
🛠️ Step-by-step：从Prompt到上线
1. Prompt定骨架（Cursor中输入）
生成一个单HTML文件，实现广场舞队形生成器：
页面顶部：标题「广场舞队形生成器」+ 下拉选择预设阵型（同心圆、方阵、S形、蝴蝶、五角星）
中间Canvas画布（600x600px），初始显示预设阵型的圆点（直径16px，红色#e74c3c）
点击画布任意位置：添加一个新圆点（队员）
长按圆点：拖拽移动
右上角按钮「导出PNG」：调用canvas.toDataURL('image/png')生成下载链接
底部显示当前队员数（例：共16人）
所有代码内联，不引用外部JS/CSS
适配手机横竖屏（Canvas自动缩放）
Claude Code输出后，保存为dance-pattern.html。
---
2. 手动增强：让大爷大妈真的能用
Claude Code生成的Canvas默认不支持触摸拖拽。加5行代码：
// 在