2026 年了,哪家抄页面的能力更好?

0 阅读2分钟

目标

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

提示词

## 环境变量
* 设计稿:~/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 出了之后一直在用国产模型,但是还没画过新页面。完全没想到不同模型之间画页面差距能这么大。