📌 📄 内容摘要:
@LucentSnow 在 最新的前端风格提取skill，进来看看效果 中发帖
以下内容均有claude opus 4.6一句话生成，提示词如下。
“请参考风格文件，制作一个博客，使用Astro框架，react+tailwindcss，用于演示。****（此处为风格文件目录）”
[duck]
[nine]
这个skill旨在通过chrome-devtools-mcp工具直接获取对应网页的dom信息，能够精确到像素级别复刻，生成一个详细的风格指南。这一版的优化主要在更加明确的文件分级，以及对于动效的更好支持。
需要注意的是，由于使用的是chrome-devtools-mcp并且会执行脚本提取动效，会非常消耗token，如果在意成本的话请使用codex。
完成后就会在用户目录下对应位置生成一个风格文件夹，让AI参考生成代码即可（由于是提取网页，因此是纯html+css。如果需要其他框架如Tailwind css，建议让AI二次转录以指导风格）
────────── 链接信息 ──────────
🔗 论坛链接: linux.do
📎 访问地址: https://linux.do/t/topic/1749567/1
─────────────────────────────
📢 来源：LINUX DO
