Vibe Coding 48小时：做几何可视化的踩坑记录

在过去的48小时内，我尝试使用Claude Code、Gemini和Codex技术栈，开发了一个几何可视化的小工具。这个工具的主要功能是上传高中几何题图片，AI能够识别并生成可交互的3D模型，同时还能自动生成带字幕的讲解动画，并能导出为MP4格式。虽然最终成品略显粗糙，但在开发过程中遇到了不少挑战和困难，因此决定记录下来，希望能为同样在探索AI辅助开发的朋友们提供一些参考价值。项目采用了React、Three.js和WebCodecs等技术。在开发过程中，我遇到了诸如基建层不匹配、坐标计算依赖问题、功能添加困难等挑战，最终通过细化方案文档、多家AI交叉验证、选择正确的搜索词等方法解决了这些问题。此外，我还总结了AI在处理某些任务上的局限性，如LaTeX转义问题，最终通过正则表达式在前端进行了处理。虽然项目还有很多可以改进的地方，但这次经历让我对AI辅助开发有了更深的理解和认识。