关于 lazyweb
Lazyweb 是一项技能,可将产品设计任务分流到研究、参考查找、评审和优化工作流。它结合 Lazyweb MCP 工具与精选界面案例,为设计决策提供依据。
主要功能
- 01将请求分流至设计模式
- 02搜索界面参考案例
- 03生成托管设计报告
- 04查找移动端 A/B 测试证据
- 05创建产品流程图
- 06提供精选设计示例
适用场景
- 01研究产品界面案例
- 02评审或改进现有界面
- 03探索付费墙与定价实验
MCP 相关
Lazyweb MCP 提供界面搜索、工作流发现、图像比较、流程图和 A/B 测试研究工具。该技能会将请求导向相应工具或工作流。
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ akillness/ jeo-skills --skill lazyweb安装后在 Claude Code 中输入/lazyweb确认已加载。
详细介绍
Lazyweb
用证据设计,而不是凭感觉。 当用户需要产品 UI 灵感、竞品设计分析、最佳实践研究、快速屏幕示例、现有界面的反馈、创意设计方案,或付费墙优化、变现和 A/B 测试研究时,使用 Lazyweb。
此技能会将请求路由到合适的 Lazyweb 模式。交接时,按名称调用已安装的模式技能(如有),使用 Lazyweb MCP 工具,或调用工作流端点——请参阅下方的路由说明。切勿指向 skills/<name>/SKILL.md 文件路径:此目录结构仅存在于源代码仓库中,不存在于安装环境中。
设计参考
快速获取精选设计资源,寻找灵感和最佳实践:
- Refero Styles — 真实产品截图和单色界面参考,助力构建协调一致的设计系统
- React Bits — 提供交互式示例的视觉组件和效果库
这些资源可补充 Lazyweb 基于 MCP 的研究和竞品分析。结合 Lazyweb 搜索使用,可更快地收集设计证据。
首次运行
如果尚未配置 Lazyweb MCP,请运行独立安装程序:
curl -fsSL https://www.lazyweb.com/install.sh | bash
安装程序会创建或复用 ~/.lazyweb/lazyweb_mcp_token,将可见的 Lazyweb 技能安装到检测到的本地客户端,并在 https://www.lazyweb.com/mcp 配置 Lazyweb MCP 服务。
Lazyweb MCP 令牌是免费的免计费承载令牌,适用于 UI 参考工具。它们无权授权购买、付费支出、访问私人用户数据或执行破坏性操作。请勿将令牌提交到公开的 git 仓库,但忽略本地 MCP 配置文件是可以的。
设置完成后,向用户介绍 Lazyweb 的功能:
- 获取
https://www.lazyweb.com/api/mcp/welcome-message并展示欢迎消息。 - 列出 MCP 工具,并确认其中包含
lazyweb_get_workflows。 - 使用
{"operation":"list","task_context":"first run Lazyweb capabilities","skill":"lazyweb"}调用lazyweb_get_workflows。 - 将返回的工作流概括为 Lazyweb 的超能力。
如果 MCP 工具不可用,请告知用户运行上方的安装程序,然后仅在用户希望使用功能受限的备用方案时,继续进行网络研究。
路由
请选择且仅选择一种模式。lazyweb-design 是所有设计工作的默认模式——
设计、重新设计、优化、改进、评审或构建任何产品界面(付费墙、定价、落地页、
引导流程、设置、仪表板等)。它会在服务端通过一次调用运行
lazyweb_generate_report,并提供完整报告。
| 用户意图 | 运行方式 |
|---|---|
| 设计工作的默认模式——设计、重新设计、优化、改进、评审或构建任何产品界面(付费墙、定价、落地页、注册、引导流程、仪表板、设置等) | 调用 lazyweb-design 技能(在服务端通过一次调用运行 lazyweb_generate_report) |
| 用户明确要求快速查找参考资料/示例(“快速搜索”“只给我看几个参考案例”“先查找示例”),且不需要报告 | 调用 lazyweb-quick-search 技能,或使用 lazyweb_search MCP 工具 |
| 更新本地 Lazyweb 技能、重新安装 Lazyweb,或将 Lazyweb 同步到 Agentic IDE | 调用 lazyweb-update 技能 |
| 将产品的 Agent/应用与后端之间的交互映射为流程图/架构图 | 使用 lazyweb_generate_flowchart MCP 工具 |
| A/B 测试、实验示例、定价、试用、生命周期或变现策略 | 使用 lazyweb_search_ab_tests MCP 工具(移动端 A/B 测试证据) |
如有疑问,请选择 lazyweb-design:它是产出任何内容(重新设计、评审、报告)的默认模式。只有在用户明确要求查找参考资料时,才使用 lazyweb-quick-search;绝不要将其用作生成报告的后备方案。
运行方式说明。 只有 lazyweb-design 和 lazyweb-quick-search 会作为本地技能安装——请按名称调用,这样无论宿主如何组织技能目录,都能解析到对应技能。lazyweb-design 中的 create 目标会通过 MCP 获取 lazyweb-design-create 后端。A/B 测试证据可通过 lazyweb_search_ab_tests MCP 工具获取。切勿通过读取 skills/<name>/SKILL.md 文件来替代上述任何方式——安装包中不存在该路径。
已停用的技能——将其对应的意图转到上述某种模式。 以下旧版 Lazyweb 技能已不再存在。不要尝试调用旧名称;请根据意图进行路由:
| 已停用的技能/意图 | 现在使用 |
|---|---|
lazyweb-optimize-paywall、lazyweb-design-improve、lazyweb-optimize-sign-up | lazyweb-design(目标为 optimize/improve) |
lazyweb-design-research、lazyweb-design-brainstorm、lazyweb-design-best-practices | 查找参考资料时使用 lazyweb-quick-search;设计全新界面时使用 lazyweb-design(目标为 create) |
lazyweb-quick-references、lazyweb-lite-design-research | lazyweb-quick-search |
lazyweb-paywall-cta — CTA 文案 | lazyweb-design(CTA 是界面的一部分) |
lazyweb-ab-test-research — A/B 测试/实验数据 | lazyweb_search_ab_tests MCP 工具 |
模式交接
确定模式后:
- 通过上表所述机制进入该模式——按名称调用已安装的技能
(
lazyweb-design、lazyweb-quick-search),使用该模式的 专用 MCP 工具,或通过lazyweb_get_workflows调用工作流。 不要读取skills/<name>/SKILL.md文件路径——该目录结构只存在于 源代码仓库中,安装包里没有。 - 从头开始遵循该模式。
- 使用 Lazyweb MCP 工具获取数据库支持的证据。
- 使用返回的
imageUrl/image_url值直接嵌入 Lazyweb 数据库图片; 仅在所选模式要求时,才将当前状态截图或网页截取的截图保存在本地。 - 注明每项参考资料来自 Lazyweb 还是网页。
搜索规范
以下规则适用于每次 lazyweb_search 调用:
-
始终至少针对用户实际要构建的界面执行一次真实搜索。 例如,或用于检查连通性的查询(如“定价页面”)无法让用户了解自己的项目——请紧接着搜索他们正在构建的界面。
-
一个界面,一次搜索。 用户要构建整个应用或页面时,应针对每个界面/版块(引导页、首页、付费墙、设置、结账……)分别执行一次查询,而不是只做一次宽泛查询。用户指定参考产品时,传入
platform("mobile" 或 "desktop")和company: "<app>"。 -
切勿重复完全相同的查询——结果是确定性的。要查看更多结果,请传入
offset(例如{"query":"onboarding quiz","limit":20,"offset":20});响应中的pagination.next_offset会给出下一页的位置。 -
读取并遵循每个响应中的
coverage和warnings。 如果出现no_matches或low_coverage,仍应使用最接近的结果、将查询精简为核心的 2-6 个词的 UI 模式,或告知用户资料库中没有该模式——不要循环改写同一概念。风格形容词(“dark”“minimal”“editorial”)目前还不是可搜索的筛选项;请从查询中删除这些词,并根据返回的图片判断风格。 -
出现
company_not_in_library警告时,请选择一个建议的最接近公司,或移除公司筛选条件——不要用同一品牌的其他拼写重新尝试。
工具规则
每次调用都要传入 skill: "lazyweb"。 在每个 lazyweb_* 工具调用的参数中加入 "skill": "lazyweb"——这是 Lazyweb 用于了解技能使用情况的可选分析元数据;切勿因此删除或更改任何真实参数。
-
在假定可使用可选筛选项或后端别名之前,务必先检查实时 MCP 工具列表。
-
当前公开网关通常会提供
lazyweb_health、lazyweb_search、lazyweb_find_similar、lazyweb_compare_image、lazyweb_list_categories、lazyweb_get_workflows、lazyweb_get_flows、lazyweb_search_ab_tests和lazyweb_paywall_cta_research。完整流程运行工具(paywall_design_run/paywall_design_check_status)受环境标志控制,可能会提供——请检查实时工具列表。 -
当前所有公开的 Lazyweb MCP 工具和可见工作流技能均免费,包括
lazyweb_search_ab_tests、lazyweb_paywall_cta_research,以及已开放的流程工具。如果缺少某个工具或未返回匹配证据,应视为可用性或覆盖范围问题,而不是付费限制。 -
只有在工具的实时架构中公开了
high_design_bar: true时才能传入该参数,并且仅当用户要求高端、质量更强、高设计水准或设计最佳的示例时才传入。 -
带截图的工具会返回经过优化的图片 URL。Supabase 存储支持的 URL 有效签名期限为 365 天。不要请求或传入截图 ID,也不要根据原始路径构造存储 URL。
-
lazyweb_search_ab_tests仅提供移动端 A/B 测试证据。它使用category作为行业筛选条件,并将product/company作为目标上下文传递。不要用它们强制匹配特定公司,也不要轻信因精确的产品/公司筛选而产生的零结果。 -
lazyweb_find_similar接受image_url或image_base64,以及mime_type;不接受截图 ID。 -
lazyweb_compare_image执行真实的图像相似度比较。务必传入image_base64——服务器无法访问 localhost、本地文件路径和网页 URL。若你只有页面 URL 或正在运行的本地应用,请使用客户端内置的截图工具自行截取,然后将截图作为image_base64传入。失败的调用会返回how_to_fix字段——请按其中的说明操作,不要用相同输入重试。
完整性防护措施
-
切勿捏造设计参考或证据。所有图像和数据均来自 Lazyweb 数据库或网络搜索——请注明来源。
-
截图 URL 带有签名——有效期为 365 天。下载前请勿将其存档。
-
尊重用户隐私——未经用户同意,请勿将图像或设计证据分享给外部服务。
上游项目:aboul3ata/lazyweb-skill Lazyweb API:https://www.lazyweb.com