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

3 天前
 mixuxin

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

1100 次点击
所在节点    程序员
5 条回复
94
3 天前
Chrome 中有插件,去插件市场找一找应该能找到。
可以直接选择区块复制出来 HTML 和 CSS ,也可以直接生成 JSX 的代码块。
spike0100
3 天前
用 chrome-devtools-mcp 去分析就好了,比如喜欢哪个按钮样式就告诉 ai:

右边是 ai 自己提取的按钮和样式
mixuxin
3 天前
@spike0100 这个不错, 就是这个过程的需要调用 mcp ,然后分析代码、再提取 ,我们还要描述 可能没有手动直接一键复制 告诉他来得快
mixuxin
3 天前
94
3 天前
@mixuxin #4 ,我不太用这个。之前有一个群友开发过一个,想不起来叫啥了,但是有开源出来,可能可以在 Github 上面能找到。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1166425

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX