用stitch生成设计稿,再用自研的AI自动编程Agent实现成可运行网站。从设计到上线,90分钟。
之前做个人网站,设计稿和最终实现往往两回事。设计师给的图很美,前端还原度看运气。这次我想验证:如果设计稿足够规范,AI能不能把还原度做到90%以上。
设计用stitch免费生成,输出包含配色、字体的完整设计系统。实现用自研的AI自动编程Agent,底层接Claude Code。技术选型定了这几样:Next.js 16做前端(App Router + Tailwind还原设计稿最稳),Hono.js做轻量API层,Remotion处理复杂动画时间轴,Docker + Jenkins流水线一键部署。
AI自动拆成5个feature、每个feature8-11个task,逐个执行:读设计稿 → 写组件 → 调样式 → 跑测试 → 提交commit。
最终效果对比:静态页面还原度约95%,动画部分约90%。11个task全部一次过,commit规范,测试全绿。整个流程可复现,改一行配置重新跑,结果一致。
设计稿规范和工程化框架的结合,比单纯堆模型能力更关键。这个判断我还在验证。
AI自动编程Agent已开源(代号nezha)。
声明:本文内容由脉脉用户自发贡献,部分内容可能整编自互联网,版权归原作者所有,脉脉不拥有其著作权,亦不承担相应法律责任。如果您发现有涉嫌抄袭的内容,请发邮件至maimai@taou.com,一经查实,将立刻删除涉嫌侵权内容。