AI辅助开发如何帮助我们打造全新的Dropbox体验
内容提要
Dropbox推出全新体验，帮助用户理解文件内容并完成更多任务。团队借助AI辅助开发，在紧迫期限内将网页功能引入桌面端，通过共享React组件实现跨平台复用，并完成22项无障碍功能及大量自动化测试。AI代理承担明确任务，工程师负责审核，客户反馈指导改进方向。
延伸解读
AI辅助开发的实际分工：代理执行，工程师把关
文章显示，Dropbox团队将AI代理用于明确任务，如实现界面变更、更新测试、提取可复用组件等。每个任务先由工程师与代理商定书面计划，代理执行并本地运行构建和测试，记录结果供工程师审核。这种模式让工程师从重复编码中抽身，转而关注产品行为与体验连接，但最终责任仍在工程师。
跨平台复用的取舍：整页嵌入与组件导入并用
面对Web与桌面端技术栈差异，团队通过Hackathon原型探索了两种方案：用Electron嵌入Web视图快速复用整页，或直接导入选定的React组件以获得更大控制权。最终两者结合——需要高度一致处用整页，需要精细控制处用组件。共享组件通过适配器对接各平台服务，使功能复用而不强求后台一致。
无障碍与测试债：AI加速的清理与覆盖
团队借助AI辅助开发交付了22项无障碍功能，包括屏幕阅读器播报、键盘焦点管理和200%–400%缩放布局调整。同时，一项因测试更新耗时而被推迟两个季度的旧文件列表清理，被拆成53个任务由编码代理在一周内完成。代理还补充了五个核心模块的自动化测试，并能在开发中试用体验、发现同步问题。
客户反馈决定优先级，而非AI
文章强调，客户反馈指导改进方向：八家初始设计伙伴全部保留新体验，团队通过观察上传、预览、搜索、分享等行为，以及AI操作成功率和关闭率来排定问题优先级。AI负责实现和检查修复，但哪些改进应到达更多用户，由客户信号和工程审核共同决定。这提示AI提效不改变产品决策的反馈闭环。
Q&A
Dropbox新体验中AI能帮用户做什么？
用户可以让Dropbox回答项目文件夹中发生了什么变化，并附上可打开检查的来源；还可以让它整理文件夹、根据内容重命名文件，或将文档合并成PDF。Dropbox会展示一个可审阅和编辑的计划，用户批准后才执行。Dropbox只读取和操作用户已有权限访问的内容，支持的文件更改可以撤销，结果保留在Dropbox中供团队审阅和共享。
Dropbox团队如何将网页功能引入桌面端？
团队在Hackathon中构建了原型，探索了两种方法：一是用Electron在桌面专用窗口中嵌入网页视图，快速引入现有网页浏览体验；二是将选定的网页组件直接导入桌面界面，集成工作更多但控制力更强。最终两种方法各有用武之地：需要高度一致时用完整网页，需要更多控制时用独立组件。AI帮助追踪依赖、识别平台特定假设并测试集成，从而在11月发布截止日期前完成整合。
Dropbox如何实现网页和桌面端的代码复用？
团队共享React组件以及它们与数据交互所需的代码。网页和桌面各自构建和测试这些组件，当共享功能需要信息时，以相同方式请求，但网页通过浏览器处理，桌面使用自己的网络系统。工程师需要确定哪些代码可复用、哪些需在各应用中不同实现，AI帮助追踪连接、提取可复用组件、编写适配器及测试，工程师审核代码。这样改进可以同时到达网页和桌面。
AI辅助开发在无障碍功能方面做了哪些工作？
工程师使用AI辅助开发交付了22项无障碍功能，覆盖Home、All Files、文件预览和Photos。包括帮助屏幕阅读器用户跟踪Up Next轮播变化的公告，改进All Files表格导航，修复键盘焦点在控件间的移动，并调整布局使页面在200%–400%缩放下仍可用。团队给编码代理明确任务和一致流程：先写计划，代理修改并本地运行构建和测试，记录结果供工程师审核。
AI如何帮助清理旧文件列表和添加自动化测试？
退役旧文件列表因更新自动化测试需要大量工程时间而被推迟两个季度。团队将清理工作分为53项任务，编码代理使用相同的测试和审核流程更新或移除受影响的测试，一周内完成所有任务。团队还用编码代理为网页应用的五个核心部分添加自动化测试，包括文件浏览器，帮助在代码变更时及早发现问题。
客户反馈在推出新体验过程中起什么作用？
客户反馈帮助决定改进什么以及何时扩大访问范围。所有八家初始设计合作伙伴都选择保持新体验启用。在向更大群体推广时，团队观察用户如何使用上传、预览、搜索和共享等熟悉功能，跟踪AI操作是否成功以及客户是否关闭新体验。这些信号帮助确定问题优先级，而编码代理工作流提供了一致的实施和检查修复的方式。
