确认需求
作为股票软件开发者，常与 K 线图打交道，最近萌生一个想法：是否能像看房软件一样，提供沉浸式的 K 线图体验。于是我决定尝试通过 Cursor 创建一个 3D K 线图。
目标功能：
• 3D K线展示
• 实时十字星
• 数据提示框
• 历史数据滑动查看
• 支持缩放与旋转
• 自适应价格刻度
效果预览
开始开发
新建了一个空白项目，用 Cursor 打开，通过 cmd + i 唤起 composer 界面。这里说一下为什么选择 composer 而不是 chat，我们的目的是快速生成可用的 demo，所以需要通过和 ai 沟通，批量生成和修改文件，而不是针对单个文件进行微调或者针对单个方法进行优化。
当我们输入提示词后，Cursor 就帮我们快速生成了所需要的文件，这里如下图的右下角所示，可以快速全部接受，一键完成，也可以想 review 代码一样，在编辑界面内决定是否要 Accept，这个编辑界面内的比对模式，在之后的修改逻辑中适用性会更高一些。
这个时候，我们发现虽然有 js 脚本了，但是没法预览正确性，继续在 composer 内输入新的提示词
我们看到他做一些额外的 js 改动，也会在界面中提示出来，为什么要做这个改动
按引导启动后，发现界面是黑屏的
这里有 bug 了，试着输入提示词，看看他能否自我修复
运行后已经能看到一个基本的 K 线图了
但是视角比较诡异，这里就是像上面一样连续不断的输出提示词进行调整，并增加了悬浮十字星的效果以及翻阅历史 K 线的效果，整个沟通过程大概持续了 45 分钟，过程中自己没有进行任何编码。最终效果如下图展示
在一开始实现完后，demo 放置了一会页面的 CPU 占用就达到了 170%，电脑风扇呼呼的响，同样尝试让 Cursor 进行优化
优化完成后， CPU 占用降到了 19% 左右，回答里提供的方案也很清晰，并且还是一键完成代码优化，没有进行额外的编码操作。
代码
总结
通过 Cursor，开发 3D K 线图的效率大大提高。如果没有 AI 的辅助，实现这一效果可能需要一天以上的时间，但通过 AI 编程，能显著节省开发时间。
