AI像素级复刻网站风格：Gemini CLI实战指南

本文分享了利用AI工具高质量复刻网站UI风格的实战经验。作者使用Gemini CLI和Chrome DevTools MCP扩展，通过两个精心设计的Prompt：首先像素级复刻MotherDuck网站到HTML文件，下载HTML、CSS等资源；然后生成详细的风格指南（style.md），涵盖颜色调色板、字体排版、间距系统、组件样式、阴影动画等元素。接着，基于风格指南设计了一个个人TODO应用界面（todo.html），包含任务标题、日期、描述，以及Dashboard和状态标签。整个过程展示了AI在UI设计中的创新应用，为前端开发者提供了实用的技术方法和灵感。