About

Imported from mintplo/dotfiles (pi/.pi/agent/skills/lazyweb/SKILL.md). Install upstream with npx skills add mintplo/dotfiles --skill lazyweb. Copyright stays with the author.

Lazyweb

Name: lazyweb
Author: mintplo

Use this skill when the user asks for UI inspiration, design research, app screenshots, product flow examples, onboarding patterns, pricing or paywall examples, competitive UI references, or feedback on an existing interface.

Lazyweb gives Pi access to real product screenshots and design patterns through the mcp tool backed by pi-mcp-adapter.

Pi MCP Tool

Use the generic mcp tool for Lazyweb database access:

List configured MCP servers: mcp({})
List Lazyweb tools: mcp({ server: "lazyweb" })
Check connectivity/auth: mcp({ tool: "lazyweb_health", args: "{}" })
Search screenshots: mcp({ tool: "lazyweb_search", args: "{\"query\":\"pricing page\",\"limit\":10}" })
Find similar screenshots: mcp({ tool: "lazyweb_find_similar", args: "{\"screenshot_id\":123,\"limit\":10}" })
Compare an image: mcp({ tool: "lazyweb_compare_image", args: "{\"image_url\":\"https://...\",\"limit\":10}" })

pi-mcp-adapter uses JSON strings for args, not object literals. The mcp tool is available when the pi-mcp-adapter package is installed and Pi has been restarted or /reload has run.

Token Handling

The Lazyweb bearer token is a free no-billing token for UI reference tools. It does not authorize purchases, paid spend, private user data, or destructive actions.

This dotfiles setup loads LAZYWEB_MCP_TOKEN from the local ignored Pi agent env file:

~/.pi/agent/.env

Do not write the token into tracked repo files. Do not commit it to public git history.

When To Use

Before creating a landing page, app screen, onboarding flow, checkout, pricing page, dashboard, settings page, or mobile app UI.
When asked to compare a design against real products.
When asked to improve a screenshot or produce design recommendations.
When a coding agent needs concrete UI examples instead of generic visual guesses.

When Not To Use

Backend-only tasks.
Database schema work.
Legal, medical, finance, or non-design research.
Generic code cleanup with no UI or product-design component.

Search Workflow

Run mcp({ tool: "lazyweb_health", args: "{}" }) unless Lazyweb connectivity was already verified in the session.
Run lazyweb_search 2–4 times through mcp with different concrete phrasings.
- Example: mcp({ tool: "lazyweb_search", args: "{\"query\":\"pricing page with plan cards\",\"platform\":\"desktop\",\"limit\":10}" })
- Example: mcp({ tool: "lazyweb_search", args: "{\"query\":\"mobile onboarding progress checklist\",\"platform\":\"mobile\",\"limit\":10}" })
Read each result's visionDescription before using it as evidence.
Prefer fewer, directly relevant references over many loose matches.
If a user asks for “more like this”, use lazyweb_find_similar through mcp.
If a user provides an existing screenshot or URL, use lazyweb_compare_image through mcp when appropriate.

Reporting Guidance

When producing a reference report:

Save durable output under .lazyweb/<topic-or-task>/ when the user asks for files or a reusable report.
Download referenced screenshots locally before putting them in committed or shared reports; avoid relying on expiring signed URLs.
Group references by pattern, not just by company.
Label provenance as [Lazyweb].
Summarize what the references have in common and how the pattern applies to the user's product.

Use Lazyweb for design evidence, not vibes.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/mintplo-dotfiles-lazyweb/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

mintplo-dotfiles-lazyweb.ocm.jsonjson

{
  "ocm": "1",
  "id": "mintplo-dotfiles-lazyweb",
  "kind": "skill",
  "name": "lazyweb",
  "description": "Use Lazyweb through pi-mcp-adapter for UI inspiration, design research, pricing/onboarding/product-flow references, screenshots, comparisons, and design feedback against real apps.",
  "publisher": "mintplo",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "hr"
    ],
    "tags": [
      "skill-md",
      "design-research",
      "ui-references",
      "screenshots",
      "mcp",
      "github"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Use Lazyweb through pi-mcp-adapter for UI inspiration, design research, pricing/onboarding/product-flow references, screenshots, comparisons, and design feedback against real apps."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github",
      "repository": "https://github.com/mintplo/dotfiles",
      "path": "pi/.pi/agent/skills/lazyweb/SKILL.md",
      "ref": "5944014b68180edb25d171196340ca9ded5eeb5d",
      "url": "https://github.com/mintplo/dotfiles/blob/5944014b68180edb25d171196340ca9ded5eeb5d/pi/.pi/agent/skills/lazyweb/SKILL.md",
      "key": "mintplo/dotfiles/pi/.pi/agent/skills/lazyweb/SKILL.md"
    }
  },
  "instructions": "# Lazyweb\n\nUse this skill when the user asks for UI inspiration, design research, app screenshots, product flow examples, onboarding patterns, pricing or paywall examples, competitive UI references, or feedback on an existing interface.\n\nLazyweb gives Pi access to real product screenshots and design patterns through the `mcp` tool backed by `pi-mcp-adapter`.\n\n## Pi MCP Tool\n\nUse the generic `mcp` tool for Lazyweb database access:\n\n- List configured MCP servers: `mcp({})`\n- List Lazyweb tools: `mcp({ server: \"lazyweb\" })`\n- Check connectivity/auth: `mcp({ tool: \"lazyweb_health\", args: \"{}\" })`\n",
  "cost": {
    "context_tokens": 859
  }
}

Fetch it by URL: GET /api/v1/registry/mintplo-dotfiles-lazyweb/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.