小米MiMoCode官网颜值高？Codex：拿来吧，您嘞！1:1完美复刻～
小米MiMo Code悄然发布了一款AI Coding Agent，支持百万上下文免费体验，很多开发者应该都收到了相关的推送信息。好奇之余，自然是要打开官网看看究竟。
官网的视觉设计确实让人眼前一亮，整体风格很符合当下的审美趋势。浏览过程中发现一个有趣的细节：当鼠标在页面上移动时，会触发一个类似“擦除露出背景图”的交互特效，体验感相当惊艳。好奇心驱使下，几乎把整个屏幕都滑了一遍，就是想看全背景图的完整面貌。
页面中还有一个字幕打字机效果，同样很吸引人。
整个网站的排版、色彩、文字样式都透着一股艺术感，颜值相当在线。
那么问题来了：如何把这个网站“搬”下来，为我所用？
通常的做法可能是截图丢给Codex逐一复刻，但一张张截图显然不够高效，而且字体这类细节也较难复制。更直接的办法是——将网站链接直接丢给Codex，让它1：1还原。
实测下来，消耗了约一半的Plus额度，耗时十几分钟，就将首页成功复刻了出来。还原度相当高。
下面是完整的网站截图对比。
仅有少数细微差别，整体样式、排版、字体风格基本实现了完美复刻。Codex的能力确实让人印象深刻。
具体怎么做到的？
方法很简单：直接将网站链接提供给Codex，要求它1：1复刻即可。
提示词也很简洁：
帮我1:1 复刻这个网站：https://mimo.xiaomi.com/zh/mimocode。这个网站有个鼠标移动，展示背景图的效果，感觉挺有意思的，需要复刻。怎么做的？为了确保Codex准确理解这个交互效果，还额外附上了一张截图作为参考。
坦白说，原先并不知道这个“移动鼠标可看到背景图”的特效叫什么名字，是Codex自己总结出了“鼠标擦除露图”这个说法，相当形象。
接下来看看Codex生成的源码。
可以看到，它已经把网站的字体、相关图片都自动爬取下来了。那个擦除用的背景图，优雅得让人赞叹。
最后让Codex把特效核心代码加上了注释，方便后续理解。当然，在AI时代，这些复杂代码确实不必硬啃，但保留一份注释文档，日后遇到类似需求也可以快速复用。
一点思路
这里提供的是一个通用方法论：看到好看的网站或者炫酷的特效，怎么快速复刻它？
当然，这次能快速复刻，也得益于MimoCode官网本身结构相对简单。但思路可以延伸——比如拿到了网站的字体、排版、UI风格，如何应用到自己的项目中？
一个很实用的做法是：让Codex帮你提取出一个DESIGN.md文件。将这份文件丢到项目目录下，后续让Codex基于这个文件进行风格设计即可。
提示词：
我觉得这个网站的UI风格很好看，帮我提取出这个网站的设计风格，生成一个 DESIGN.md 文件，方便后续我将这个网站的UI风格迁移到其他网站中，用于指导AI Agent更换风格。DESIGN.md的文件规范参考 Google Labs 开源的 DESIGN.md 规范结构来写。
而针对炫酷特效的复用，同样可以让Codex提取核心代码，生成一份“技术文档.md”，再将其丢到项目中，让Codex基于文档把特效集成进去。完美收工。
