About PicassoWeb
PicassoWeb is an MCP server in the Scraping category: 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.
Install
From source
git clone https://github.com/blackridder22/PicassoWebThis server has no ConduID identity, so agent calls to it are not receipted. Pin the version you install and review the source before granting it credentials.
Tools (14)
analyze_htmlRender supplied HTML and optional CSS without making external requests.
Parameters not published.
analyze_siteAnalyze a live `http://` or `https://` website.
Parameters not published.
capture_interactionsFind and operate interactive triggers (hamburger menus, dropdowns, modals, tabs, accordions), then capture what they reveal: selectors, bounds, HTML samples, and screenshots taken while the UI is open. Surfaces the parts of a design that never appear in a static extraction.
Parameters not published.
capture_motionCapture how the page actually moves: a frame-strip of screenshots sampled over time after load, scroll, hover, or click, the Web Animations API inventory (`element.animate` / CSS animation / transition keyframes, timing, easing, play state), and per-frame numeric transform/opacity curves for animated elements. Catches JS-driven motion (GSAP, Framer Motion) that a static extraction cannot see.
Parameters not published.
capture_screenshotReturn a screenshot the client can look at: viewport, full page, or a single element by selector. Optionally saves the image to disk.
Parameters not published.
clone_sectionReturn a self-contained copy of one section: cleaned HTML (scripts/handlers stripped, inline SVG preserved, media URLs absolutized), scoped CSS matching that subtree plus the `@keyframes`/`@font-face`/`:root` CSS variables it depends on, its assets, and a screenshot. With `outputDir`, assets are downloaded and URLs rewritten to relative paths so the snippet renders standalone.
Parameters not published.
compare_replicaDeterministically capture original and replica, then run an anti-aliasing-tolerant YIQ diff. Returns the visual diff, noise-aware counts, worst regions attributed to elements with style deltas, optional section-aligned scores, and a `selfCheck` mode for measuring the page's own noise floor.
Parameters not published.
crawl_siteCrawl same-origin pages breadth-first and merge each page's design analysis into a site-wide design system: colors, fonts, and CSS variables shared across pages versus unique to one page, plus a page inventory with section outlines. With `outputDir`, writes per-page JSON + screenshots and a `SITE.md` naming the pages worth replicating individually.
Parameters not published.
create_replication_kitOne-shot capture of everything, written to a folder: desktop + mobile screenshots, `assets/` with manifest, `design.json`, `layout.json` (desktop + mobile trees), `animations.json`, and a `REPLICATE.md` guide. Loads the page once, so it is much faster than calling the individual tools separately.
Parameters not published.
extract_animationsProduce a settled, static motion census: joined `@keyframes` and users, numeric timings, a one-shot WAAPI inventory, optional hover/focus transition targets, scroll-timeline detail, detected libraries/reveals, and paste-ready generated CSS. Use `capture_motion` when the motion must be recorded over time.
Parameters not published.
Show all 14 tools
extract_assetsDownload the real images, background images, inline SVG icons/logos, videos, favicons, and web fonts into a local `assets/` folder with a `manifest.json` mapping each file to where it appears. Lets a replica reuse the exact original assets instead of re-drawing them.
Parameters not published.
extract_layoutReturn a breadth-first, layout-focused DOM tree with section labels, flex/grid container and item detail, scroll containers, sticky/fixed positioning, stacking contexts, clipped visible rectangles, opacity-hidden elements, and collapsed-wrapper counts.
Parameters not published.
extract_responsiveExtract how the site adapts across screen sizes: breakpoints derived from `@media` rules, a summary of each media query (condition, rule count, sample selectors), and a layout tree captured at each requested viewport width — with an optional screenshot per width.
Parameters not published.
inspect_componentX-ray elements selected by CSS, accessible role/name, or text, optionally inside an iframe. Returns the V1 computed-style data plus matched cascade rules, CSS variables, box-model rectangles, platform fonts, and root/descendant `:hover`, `:focus`, and `:active` changes. Playwright CSS targeting pierces open shadow roots.
Parameters not published.
Ask AI
✦
Ask AI about PicassoWeb
Powered by Claude · Grounded in docs
I know everything about PicassoWeb. Ask me about installation, configuration, usage, or troubleshooting.
Security checks
6 checks have not been run yet.