以下内容均有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二次转录以指导风格）