技术实践
银河证券以MCP辅助Flutter与H5前端开发
概述
银河证券渠道研发团队负责 APP、H5、企微等多渠道前端开发。在引入 TRAE 企业版之前,团队尝试过截图转码、墨刀导出、HTML 文件导入等方案,要么还原度不够、要么生成代码冗余较多,难以满足生产要求,最终确立以接入 MCP 为核心的前端开发流程:针对复杂业务页面,开发者用自然语言把业务逻辑整理成结构化 Markdown Spec 文档并存入项目仓库,同时将设计稿对应模块的 Node 链接嵌入 Spec 实现设计与业务逻辑精准绑定,TRAE 先基于 Spec 搭建页面整体框架,再按模块逐一精细化实现,使每行代码均可对应到明确规范。 经实测,Flutter 页面 UI 还原度达 90% 以上,H5/Vue 页面还原度达 98% 以上。渠道前端研发团队负责人朱戈称 TRAE 在前端场景的表现是选择它的核心原因。