mcpField
L
lazyweb

lazyweb

github.com/akillness设计与 UI5380 次安装今天更新
代码仓库

关于 lazyweb

Lazyweb 是一项技能,可将产品设计任务分流到研究、参考查找、评审和优化工作流。它结合 Lazyweb MCP 工具与精选界面案例,为设计决策提供依据。

主要功能

  1. 01将请求分流至设计模式
  2. 02搜索界面参考案例
  3. 03生成托管设计报告
  4. 04查找移动端 A/B 测试证据
  5. 05创建产品流程图
  6. 06提供精选设计示例

适用场景

  1. 01研究产品界面案例
  2. 02评审或改进现有界面
  3. 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 的功能:

  1. 获取 https://www.lazyweb.com/api/mcp/welcome-message 并展示欢迎消息。
  2. 列出 MCP 工具,并确认其中包含 lazyweb_get_workflows。
  3. 使用 {"operation":"list","task_context":"first run Lazyweb capabilities","skill":"lazyweb"} 调用 lazyweb_get_workflows。
  4. 将返回的工作流概括为 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-uplazyweb-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-researchlazyweb-quick-search
lazyweb-paywall-cta — CTA 文案lazyweb-design(CTA 是界面的一部分)
lazyweb-ab-test-research — A/B 测试/实验数据lazyweb_search_ab_tests MCP 工具

模式交接

确定模式后:

  1. 通过上表所述机制进入该模式——按名称调用已安装的技能 (lazyweb-design、lazyweb-quick-search),使用该模式的 专用 MCP 工具,或通过 lazyweb_get_workflows 调用工作流。 不要读取 skills/<name>/SKILL.md 文件路径——该目录结构只存在于 源代码仓库中,安装包里没有。
  2. 从头开始遵循该模式。
  3. 使用 Lazyweb MCP 工具获取数据库支持的证据。
  4. 使用返回的 imageUrl/image_url 值直接嵌入 Lazyweb 数据库图片; 仅在所选模式要求时,才将当前状态截图或网页截取的截图保存在本地。
  5. 注明每项参考资料来自 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

评论

支持 Markdown