SuperAPI AI 工具集

lazyweb-design-improve

设计与创作

查看项目

更新于 10-15 21:49

技能介绍

用途:针对已有界面或页面,截取当前设计截图,查找相似屏幕并生成有真实参考支撑的改进建议,适合“如何改进这个设计”“我的设计有什么问题”或与竞品对比的场景。尚未开始设计、需要调研或创意发散时,应改用其他技能。

主要能力:通过 Lazyweb MCP 工具(lazyweb_search、lazyweb_find_similar、lazyweb_compare_image、lazyweb_health)做文本与图像搜索;支持 mobile、desktop、all 平台路由;可读取 ~/.lazyweb/libraries.json 搜索已连接的灵感库;结合联网搜索与实时截图补充竞品案例;最终生成 1-5 条具体、可执行、且各自绑定参考图的改进建议,并附 ASCII 线框图。

使用方式:先确认 Lazyweb MCP 可用(列出工具并运行 lazyweb_health),未安装或鉴权失败时按提示启用全局插件或从 https://lazyweb.com/#pricing 获取安装提示,随后仅用网络调研继续。网页截图前需检测 browse 工具,未就绪时运行 cd ~/.claude/skills/lazyweb-skill/browse && ./setup。输出固定写入 .lazyweb/design-improve/{screen}-{date}/ 下的 report.md、report.html 与 references/ 目录,不写入计划文件;保存后向用户展示摘要、确认文件位置并询问改进是否合适,计划模式下待用户确认后退出,并建议后续可实施改进、运行 /lazyweb-design-brainstorm 或开始构建。

限制:参考图必须与建议直接对应,visionDescription 不匹配则不用,宁缺毋滥;相似度高不代表模式适用,需注意上下文差异;灵感库会话过期时提示运行 /lazyweb-add-inspo-source 并跳过;无截图工具时仅以文字描述网页示例;无法获取当前设计截图时需用户提供,否则不应继续。