怎么让 AI 模仿指定网站前端风格进行改造

发布于

ldy619354397: 目前参考网站需要登录后才能看到，Claude 没办法直接访问（还是说得用 AI 专用浏览器让 Claude 去学习？）。目前我是通过一张张截图让 Claude 去学习模仿，但是发现 Claude 没办法完全模仿参考网站去改造，改造后的网站风格和参考网站还是肉眼可见差异。请问各位大神，是如何让 AI 模仿指定网站前端风格进行改造，尽可能做到一模一样？

---

原文链接：[点击查看](https://www.v2ex.com/t/1228309)

评论（8）

你可以挑几个典型的布局和交互页面让 AI 去提炼，把它的配色、字体等能落地的规则记录成 Markdown 文档。后面直接让 AI 遵守这套规范去写就行了。

· 0 个赞

Claude 不是有官方的 Chrome 插件嘛，直接装个插件让它自己在浏览器里抓页面就行了。

· 0 个赞

建议不要硬去反编译照抄，AI 容易出现幻觉，错了你很难排查。正确的姿势是先把问题描述清楚，理清目标网站的风格特征。如果自己拿不准，可以先丢给通用知识比较强的 Gemini 帮你分析方向，然后把得出的可行方案喂给 Claude 写代码。

· 0 个赞

光靠截图顶多只能仿个大概的简单样式，真要扣 CSS 细节肯定不够用。

· 0 个赞

直接让 AI 搞精确“模仿”目前还是有难度的。比较靠谱的方案是用 CDP 控制你的本地浏览器，然后用 DESIGN.md 这类工具去提取目标网站的 Design System，供 AI 参考。

· 0 个赞

两个思路：1. 你把自己的登录态或者账号给 Claude，让它用支持用户登录的浏览器插件去操作；2. 直接把目标网页的 HTML 和 CSS 源码扒下来丢给 AI。

· 0 个赞

要不试着把网页存成单一的 HTML 文件喂给它？或者直接把请求头里的鉴权信息提供给 AI 试试看。

· 0 个赞

回复

回楼上，这个参考项目体量太大了，是个跨境电商的 ERP 系统，前端涉及的文件非常多，单纯导出单文件估计搞不定。

· 0 个赞