skill位置

这是一个用于对蓝湖设计稿进行还原的skill：https://github.com/ApeMan1024/lanhu-design-to-html，用于高保真的根据蓝湖设计稿还原移动端页面，使用国产模型也能达到很好的效果，目前只针对移动端。

skill模式还原和mcp模式还原的区别

skill与mcp模式不同的是它在在拿到设计稿时，获取设计稿页面元素样式有很大的区别，它没有利用蓝湖开放的api获取页面样式，而是利用浏览器自动化的原理，模仿人类在拿到设计稿时如何获取页面样式和切图的方式，提取设计稿中的数据内容，根据提取到的内容，直接驱动ai生成页面，而不是将样式交给ai，让ai做为参考，再根据参考内容生成页面，如果采用只是作为参考再生成页面的这个方式还原页面，就很考验agent和ai的能力，制作这个 skill 就是想要尝试规避这个过程，让使用国产普通模型也能非常好的将页面还原。

skill使用要求

skill的使用要求是电脑安装了node环境和浏览器，最好是谷歌浏览器，用于采用浏览器自动化的方案获取页面元素样式。

skill使用方式

在使用的时候，只需要给它提供一个蓝湖设计稿链接，让它读取链接内容，还原制定的页面，就能将页面还原出来。

skill和mcp的比对报告

token消耗数量相对于mcp模式也会降低不少，https://apeman1024.github.io/lanhu-skill-vs-mcp/ 这个是它们的对比报告，描述了skill模式和mcp模式的两种差异