开发圈里Claude 3.5 Sonnet和Cursor确实火我身边不少同事也都在用写代码、修Bug确实省心。尤其是那种绕人的算法逻辑或者一行正则搞定的场景用它比自己硬啃快太多了。但对那些搞独立开发的全栈/前端来说最磨人的不是写代码反而是需求边界定在哪还有UI到底长啥样。我之前试过拿Claude直接生成一个任务管理后台的原型界面出来很糙放国内业务场景里看着就别扭。我觉得它压根没理解我们这边常见的交互套路这块后面我就没怎么让它碰过。后来慢慢试出来一个相对顺手的组合墨刀AIClaude 3.5。其实这个老牌国产原型工具AI功能早在前年去年就有了但很多人可能还停留在它就是个画原型的印象里。实际上它现在能做的事比想象中多。今天就说说我是怎么用“墨刀AI Claude 3.5”这套组合把一周的活压到两天的。实操演示OKR管理后台需求很简单要快速做一个“中小团队的OKR管理后台”目标设定、进度打卡、数据看板。没什么特殊的地方但流程上我想从头走一遍看看能在哪些环节真正省力气。第一步AI生成竞品分析与PRD我直接在AI里输了一段需求描述大概就是“面向20人初创团队OKR管理包含目标设定、进度打卡、数据看板”这几句让它出PRD和竞品分析。生成出来的PRD结构挺完整的边界条件、角色权限这些它都给你列明白。竞品分析和评审文档也能一并带出来。说实话文档本身不可能直接用但作为第一版草稿省了我列大纲的时间。以前我自己写PRD开头梳理结构就得半天现在有个底稿对着改就行了。第二步生成界面与React/Vue代码前面的功能确实不错但真正让我决定把它加入主力工具箱的是它的代码打通能力。文档有了接下来是产品界面。以前的原型工具只能看不能动前端还得对着标注一点点写CSS、画flex布局。现在利用“AI生成应用”功能顺着刚才的需求AI生成带常见交互组件的高保真产品界面直接给了一套能跑起来的完整前端工程这里是选择了React代码不是零散的片段。我看了下生成的代码不是那种用绝对定位硬怼布局的DOM结构和样式组织得还算顺眼。它默认用的是 React Vite TypeScript Tailwind省了我自己搭环境的步骤。像 Card、Badge、ProgressRing 这些都被抽成独立组件了不是全塞在一个文件里。它不止给你画个静态的界面比如数据看板它居然自己用 reduce 和 map 把计算OKR整体进度、拆解图表数据源Recharts的基础逻辑都写好了Context 状态管理也搭了骨架。这一步确实省时间起码不用从零开始搭工程、写样式和引组件了。第三步把AI生成的代码交给 Claude 3.5有了这套能跑通的基础工程代码剩下的工作就轮到 Claude 3.5 出场了。我直接把导出 React 代码丢给 Claude 3.5指令大概是“这是我现有的前端页面代码DOM结构和图表已经布好了。请帮我接入 Axios把目前的 Mock 数据替换成真实的后端接口请求接入 Redux 状态管理并加上以下硬核的业务校验规则目标进度不能超过100%打卡每天只能打一次看板数据按部门聚合……”AI给的代码结构还算清晰Claude 改起来能顺着原有布局走不会把排版弄乱。这么一分工墨刀AI负责需求文档、界面和工程骨架Claude处理API联调、状态流转和那些绕人的动态校验。两个配合起来整个流程顺很多。结语Claude和Cursor在纯逻辑实现上确实能打这点没得说。但如果想把需求、原型、设计稿到代码这一段也串起来少在没代码的地方耗时间我现在习惯加一步墨刀AI或者其他类似的工具。这两个工具拼在一起用不是谁替代谁而是它们擅长的阶段不一样。对独立开发或者小团队来说它起码能顶半个懂国内业务场景的产品和设计省下来的沟通成本挺明显的。工具这东西顺手就留着不顺手就换。这套组合目前我用下来确实比之前单点用海外模型要顺不少。