产品经理跨界研发的第一天：Vibe Coding实战手记

在AI工具快速发展的今天，一个值得关注的现象正在悄然改变传统的产研分工模式：产品经理开始借助Vibe Coding工具，真正参与到代码编写的环节中。本文作者作为一线产品经理，记录了首次完整走通产品需求从设计到开发发布全流程的经历，以及对主流AI编程工具的深度体验对比。

概述

在正式开始之前，首先面临的是工具选型的挑战。目前市面上主流的Vibe Coding工具主要包括Claude code（Anthropic官方出品）、Codex（OpenAI出品）、Cursor以及Trae（字节跳动出品）等。作者此前一直是Trae的深度用户，连续充值了四个月PRO会员，但发现在处理一些基础任务时仍会耗费较多时间和算力，且近期无法使用GPT-5.3-codex。经过向多位开发工程师调研，得到的共识是：Claude code在代码能力上表现最强，但在国内容易出现账号限制问题；Codex近期更新后口碑稳步提升；而Trae和Cursor凭借稳定的访问体验，成为国内开发者首选。综合考虑后，作者选择了Claude code作为本次开发的主力工具。

Claude code的差异化能力

经过数小时的实践，Claude code展现了多个令人印象深刻的功能特性。首先是其自动预览与迭代能力：在开发过程中，Claude code会自动调用截图功能展示当前效果，并将其与原始需求进行对比。如果发现偏差，系统会重新定位问题并持续优化，直到开发结果与需求完全匹配。这种“所见即所得”的反馈机制极大地提升了开发效率，作者表示这一能力在Trae中并未体验过。其次，Claude code还提供了Claude design功能，支持UX视觉设计和设计规范制定，能够输出对标专业设计师水准的交付物。不过在图片生成方面，该功能仍有提升空间，生成的UI效果在审美上与专业设计工具存在一定差距。此外，Claude code还内置了7种专业级设计skill，覆盖设计评审、标注交付、设计系统管理、用户体验优化等场景，功能矩阵相当完整。

完整开发流程与团队协作模式

整个开发流程包括以下关键步骤：首先安装Claude code桌面客户端并克隆项目代码到本地；随后在本地安装运行环境，Claude code会自动配置所需环境并运行项目；接下来进入实际的编码阶段，整个过程以对话形式完成；开发完成后创建代码分支，提交至CNB平台等待开发同事审核与合并发布。整个过程中，研发同事主要承担安全把关和代码审核角色，而非传统的全程编码工作。作者特别提到，腾讯云的服务器和数据库基础设施为整个流程提供了稳定支撑。

展望与思考

当然，作为一款商业化产品，Claude code也存在一些不尽如人意的地方。其对单个会话时长进行了限制，超过时长后用户需要等待重置或升级更高价位的会员套餐。考虑到20美元/月的PRO会员费用加上欧洲区的税费，成本并不低廉。作者在首次开发过程中就遭遇了session限制，被迫等待约2小时，这一商业化设计对开发体验造成了一定影响。

如有侵权，请联系删除。