lanhu-design-to-html skill

📅 2026/7/7 6:01:10
lanhu-design-to-html skill
skill位置这是一个用于对蓝湖设计稿进行还原的skillhttps://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模式的两种差异