喜欢某个网页样式，如何复制样式直接交给 AI，让它变成自己的界面

[mixuxin]

当你在浏览网页时，如果看到某个区域或元素的设计特别出色，想要把它的样式复用到自己的项目中，该怎么快速保存它的 HTML 和 CSS 呢？

[94]

Chrome 中有插件，去插件市场找一找应该能找到。
可以直接选择区块复制出来 HTML 和 CSS ，也可以直接生成 JSX 的代码块。

[spike0100]

用 chrome-devtools-mcp 去分析就好了，比如喜欢哪个按钮样式就告诉 ai：

右边是 ai 自己提取的按钮和样式

[mixuxin]

@spike0100 这个不错， 就是这个过程的需要调用 mcp ，然后分析代码、再提取 ，我们还要描述 可能没有手动直接一键复制 告诉他来得快

[mixuxin]

@94 大佬有没有推荐的，找了两个好像都收费
https://chromewebstore.google.com/detail/divmagic-%E5%A4%8D%E5%88%B6%E6%A0%B7%E5%BC%8F/okpadhgilncoodafepkdmlneojcehclf?hl=zh-CN

https://chromewebstore.google.com/detail/snipcss/hbdnoadcmapfbngbodpppofgagiclicf

[94]

@mixuxin #4 ，我不太用这个。之前有一个群友开发过一个，想不起来叫啥了，但是有开源出来，可能可以在 Github 上面能找到。