CodeBuddy IDE 使用测评------半小时做一个web可视化数据工具
概述
CodeBuddy 最开始是一款智能编程插件，可以在vscode、cursor中使用，现在官方@CodeBuddy发布了IDE，拿了邀请码，以下是功能试用和效果测评。
CodeBuddy 致力于构建一个产品、设计、研发无缝协作的共生环境。通过将AI深度融入从需求规划、产品设计到代码开发的全流程，实现一个从想法到产品发布的一站式高效交付平台。
一、IDE说明
- 可用模型
- Claude 3.7/4.0
- GPT-4/4o/o3/o4-mini
- Gemini 2.5Pro
- 集成功能
- Figma：直接连接 Figma 设计稿，实现设计-开发实时同步。
- Components（目前未开放）：管理可复用的代码/设计组件，提升开发效率与一致性
- Integration：第三方集成，API，数据库，云服务
- MCP tool
- Images：可、识别图片
说明：我用的Claude-3.7-Sonnet
- 模式
- craft：agent模式
- chat：智能问答模式
说明：中间有1~10的重叠区，自行选择，craft是工程化构建
二、craft 应用案例（自然语言 to 代码）
- prompt
目标： ptyhon做一个网页架构的数据可视化工具，提供离线数据文件
说明：第一轮回复，因为没有强调开发语言，使用的.js，不熟悉的话限定开发语言；第二轮限定了使用python 的 flask框架实现
问题：①每次运行命令都要重新创建一个terminal；②默认 terminal 要调，codebuddy 默认打开的 terminal是Powershell
技巧：Terminal界面输出可以选择添加到 chat
- 实现界面
问题：
第一轮，显示解析错误，原因定位为未处理多组值的情况；
第二轮：匹配算法未处理异常情况，更改数据匹配算法规则
第三轮：正常（我要求将图从散点图改成折线图）
遗留：①图题和标题的中文显示乱码；②右侧界面可以做成切换的，不然整个界面太长，图下是空的；
- 效果
三、功能拓展
- 添加云数据数据库功能
- 自训练时序数据模型，用云托管，系统调用进行预测，与实测数据进行对比
- 连接Figma设计稿，自定义UI