AI Agent 式设计稿转代码流水线系统产品系统

我要开发同款
遗忘者2026年09月20日
4阅读

技术信息

语言技术
Python
系统类型
Web
行业分类
人工智能

作品详情

行业场景

多个国家项目需要换取图片和颜色界面不一样
换皮肤肤传从统设计稿 → 前端开发需 2 天,手动转换成本高且易遗漏业务逻辑。

功能介绍

设计并实现 AI Agent 流水线系统,通过 MCP 协议自动拉取蓝湖设计稿,结合 Chrome DevTools MCP 截取实际渲染效果,调用多模态 LLM 进行布局重构、样式生成与视觉回归比对;引入 vue-tsc 类型检查与事件指纹 Diff 机制,确保业务逻辑零丢失。

项目实现

编写 Python 异步编排层(asyncio + httpx),将“拉取 → 生成 → 比对 → 修复”拆解为原子步骤,通过 state.json 实现断点续传与自动重试;设计多模态评判 Prompt,使模型对“明显 UI 错误”的召回率达到 100%。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论