用Codex把截图转成响应式前端代码,并借Playwright自动比对纠错
用Codex构建响应式前端设计:丢张截图它直接全自动搞定,还能自己开浏览器纠错
阅读原文
本站未展示全文,请前往来源网站阅读。
AI 导读
AI寒武纪分享用Codex把截图或设计稿转成前端代码的实践,核心是OpenAI官方提供的一段起始提示词。该提示词要求复用项目已有的组件与设计变量、贴近截图的间距和层级关系,并在桌面端和移动端做响应式适配,验收时让Codex用Playwright打开真实浏览器与参考截图逐一比对,反复迭代直到吻合。
来源:AI寒武纪 · 微信公众号 · mp.weixin.qq.com