PicassoWeb

blackridder22/PicassoWeb

★ 0 stars TypeScript AI/LLM Updated today

PicassoWeb MCP Server: An AI-agent tool for automated UI replication, CSS token extraction, and design system scraping via headless Chromium. Features pixel-differential testing, asset downloading, layout mapping, and component cloning.

View on GitHub → 🔍 Audit Wallet Slippage →

Quick Install

Copy the config for your editor. Some servers may need additional setup — check the README.

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "picassoweb": {
      "command": "npx",
      "args": [
        "-y",
        "blackridder22/PicassoWeb"
      ]
    }
  }
}

README Excerpt

> "Good artists copy, great artists steal." — the tool formerly known as webcopy-design-mcp. PicassoWeb opens a website in Chromium and turns its rendered interface into everything an AI client needs to replicate it faithfully. It extracts the actual computed colors, typography, CSS variables, layout primitives, and reusable component families instead of only searching the raw source for CSS strings. Beyond the design system, it can screenshot the page, download the real assets (images, inline S

Tools (14)

analyze_htmlanalyze_sitecapture_interactionscapture_motioncapture_screenshotclone_sectioncompare_replicacrawl_sitecreate_replication_kitextract_animationsextract_assetsextract_layoutextract_responsiveinspect_component

Topics

ai-agentsanthropic-claudeautomationchromiumcomponent-scrapercss-extractordesign-systemdeveloper-toolsfrontend-developmentllm-toolsmcpmcp-servermodel-context-protocolpixel-diffplaywright

PicassoWeb

Quick Install

README Excerpt

Tools (14)

Topics

Related AI/LLM Servers