2026 年了，哪家抄页面的能力更好？

目标

从蓝湖上下载了设计稿、切图和代码，全部扔给模型，实现首页。

提示词

## 环境变量

* 设计稿：~/company.platform.h5/refs/首页/index.png

* 设计稿转代码入口：~/company.platform.h5/refs/首页/index.html

## 目标

* 接下来，在 producer-services-v2/home.vue 实现首页。

* 工作流程：页面理解、精细组件拆分、页面实现。

## 要求

* 代码风格、页面或组件结构完全参考：~/company.platform.h5/pages/carbon-emission

* 不复用已有组件

说明

• 
  
• 没有给单独的切图文件，但是切图可以从设计稿转代码的结果找到
  
• MCP、Skill 环境一致；IDE、记忆、Agent 略有差异
  
• glm-5 和 minimax-m2.5 不是多模态模型，只能通过图片分析工具理解设计稿
  

结果

gpt-5.2

👍：效果最好，接近完美

👎：少量的样式错误

gemini-3-pro

👍：速度最快

👎：部分板块样式错误

qwen-3.5-plus

34m 58s

👍：界面干净，比较完美

👎：导航的层级错误、轮播图板块

doubao-seed-2.0-code

27m 37s

👍：倾向使用问题确定实现边界，甚至包含主动开启子代理的询问

👎：页面不能滚动、轮播图板块尺寸不对、少数图片和文字尺寸错误

glm-5

IDE 使用 on-my-opencode，Agent Sisyphus

👍：顺手实现了简单的点击反馈

👎：忽略了板块背景等样式、第一次提示后页面不能打开（没有遵守 Nuxt 组件命名策略，简单修复后可以打开）

minimax-m2.5

IDE 使用 on-my-opencode，Agent Sisyphus，模型是 opencode 的免费模型

👍：无情干活机器

👎：部分样式错误实现、没有使用图片分析工具

kimi-k2.5

👍：比较完美

👎：少量样式错误、第一次提示结束页面不能打开（没有遵守 Nuxt 组件命名策略，简单修复后可以打开）

总结

从 Kimi-k2.5 出了之后一直在用国产模型，但是还没画过新页面。完全没想到不同模型之间画页面差距能这么大。