Design & MediaMCP Registryremote8 toolsB · 73

Sitepeel MCP server

Name: Sitepeel
Author: sitepeel.dev

dev.sitepeel · Updated today

DESIGN.md, clone prompts, HTML, screenshots, assets, fonts, colors and tech stack of any website.

At a glance

Sitepeel is an MCP server in the Design & Media category. It is hosted remotely and connects over HTTP, and declares no required credentials. It exposes 8 tools, including get_design_md, search_design_library and clone_prompt. It scores B (73/100) on the MCP Skills Hub health score as of Oct 28, 2026.

Source 0

One-click install

VS Code VS Code Insiders Cursor

Opens your editor and pre-fills the config. Your editor will ask before adding it.

How to install Sitepeel in your AI client

Setup for Claude Code, Claude Desktop, Cursor, Codex, Windsurf, Cline and VS Code — copy-paste ready.

How to install Sitepeel in Claude CodeAnthropic's agentic CLI

Add the server

bash

claude mcp add --transport http sitepeel https://sitepeel.dev/mcp

2
Verify it's connected
bash
```
claude mcp list
```
Sharing it with your team?
Add `--scope project` to write it to .mcp.json in the repository root, which you can commit (with the secrets left as environment variables).
Use it in a session
Ask Claude to use the tools this server exposes (e.g. get_design_md, search_design_library, clone_prompt). It discovers them automatically.

How to install Sitepeel in Claude DesktopDesktop app (MCP config)

Open your MCP config
macOS: ~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

Add this server

json

{
  "mcpServers": {
    "sitepeel": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://sitepeel.dev/mcp"
      ]
    }
  }
}

Why the wrapper?
This is a remote (HTTP) server and Claude Desktop only launches local processes, so mcp-remote proxies the connection. It will open a browser window if the server needs OAuth.
Restart Claude Desktop
The tools appear under the 🔌 menu once the app reloads.

How to install Sitepeel in CursorAI-first code editor

Create / edit .cursor/mcp.json in your project

json

{
  "mcpServers": {
    "sitepeel": {
      "url": "https://sitepeel.dev/mcp"
    }
  }
}

Enable it
Cursor Settings → MCP → toggle the server on. Tools become available to the Composer/Agent.

How to install Sitepeel in Codex CLIOpenAI coding agent

Add to ~/.codex/config.toml

toml

[mcp_servers.sitepeel]
command = "npx"
args = ["-y", "mcp-remote", "https://sitepeel.dev/mcp"]

Why the wrapper?
Codex runs MCP servers as local processes, so mcp-remote bridges this HTTP endpoint to stdio.
Run Codex
Codex loads MCP servers from config.toml on startup and exposes their tools to the agent.

How to install Sitepeel in WindsurfCodeium's agentic IDE

Edit ~/.codeium/windsurf/mcp_config.json

json

{
  "mcpServers": {
    "sitepeel": {
      "serverUrl": "https://sitepeel.dev/mcp"
    }
  }
}

Reload
Windsurf → Cascade → refresh MCP servers. Cascade can now call the tools.

How to install Sitepeel in ClineVS Code autonomous agent

Open Cline → MCP Servers → Configure
Adds to cline_mcp_settings.json.

Add the server

json

{
  "mcpServers": {
    "sitepeel": {
      "type": "streamableHttp",
      "url": "https://sitepeel.dev/mcp"
    }
  }
}

How to install Sitepeel in VS CodeCopilot / MCP support

Create .vscode/mcp.json

json

{
  "servers": {
    "sitepeel": {
      "type": "http",
      "url": "https://sitepeel.dev/mcp"
    }
  }
}

Start it
VS Code shows a ▶ Start action above the server entry. Agent mode (Copilot Chat) can then use the tools.

What tools does Sitepeel expose? (8)

Taken from the project's README — the server itself was not queried, so check its docs for the exact schemas.

get_design_mdA site's DESIGN.md in the Google Stitch format: colors, type, spacing, radii and components
search_design_libraryBrands from the DESIGN.md library that match a name, font, color, style or category
clone_promptOne prompt that rebuilds a page's look and layout
check_ai_slopA 0 to 100 score, a verdict, the tells found with a fix for each, and a fix prompt
extract_assetsImages, SVGs, icons, videos, audio, fonts, Lottie and 3D files, with download links
find_fontsFont families, where each is used, weights, sizes and the type scale
get_color_paletteThe palette with roles, hex values and CSS variables
detect_tech_stackFramework, CMS, hosting, libraries and analytics, with the evidence found

What the code can do

This is a remote server — nothing is installed or run on your machine, so there is no local code to analyze. What it can reach is described above: your requests go to the provider's host.

Before you install

Signals gathered from the source repo and package registry — not a safety verdict.

What it can reach

Third-party hosted service — Your requests and any data in them are sent to sitepeel.dev.
No local execution — Nothing is installed or run on your machine.

Last commit 1 day ago — Actively maintained.
Repository created 1 day ago — Very new project with little track record yet.
0 GitHub stars — Very little community usage so far.

Client compatibility

Claude Code: NativeClaude Desktop: Via mcp-remoteCursor: NativeCodex CLI: Via mcp-remoteWindsurf: NativeCline: NativeVS Code: Native

Health score

B · 73

Maintenance, adoption, transparency and packaging — not a safety audit. How this is calculated

Maintenance30%100%
Last commit 1 day ago.
Adoption20%0%
0 stars.
Transparency20%100%
4/4: ✓ public source repo, ✓ declared license, ✓ documentation, ✓ discoverable tool list.
Provenance15%75%
Links to its own repository; package linkage unverified.
Packaging15%75%
Remote endpoint; authentication requirements not declared.

Documentation

Full README

Sitepeel for Claude Code and Codex

Give your coding agent any website's DESIGN.md, a clone prompt, an AI slop check, its files, fonts, colors and tech stack.

sitepeel.dev · MCP server · DESIGN.md library · Chrome extension

This is the Sitepeel plugin for Claude Code and OpenAI Codex. It connects your agent to Sitepeel's MCP server, which opens public web pages in a real browser and measures them. Your agent can then save a site's DESIGN.md into your project, rebuild a page's layout, check a landing page for AI slop, pull a logo or icon set, or tell you which fonts, colors and framework a site uses. The plugin also adds five short commands for the common jobs.

Install in Claude Code

In a Claude Code session, add this repository as a marketplace and install the plugin:

text

/plugin marketplace add Josephbadigar/sitepeel
/plugin install sitepeel@sitepeel

On Claude Code 2.1.275 or later, one line does both:

text

/plugin install sitepeel --marketplace Josephbadigar/sitepeel

From your terminal instead:

claude plugin marketplace add Josephbadigar/sitepeel
claude plugin install sitepeel@sitepeel

Start a new session after installing. Run /mcp to see the Sitepeel server and its tools.

Install in Codex

Add this repository as a plugin marketplace, then install the plugin:

Excerpt — the full document is on GitHub.

Alternatives to Sitepeel

Maintain Sitepeel? Add a badge to your README

Shows its health grade, and links readers to install steps for every client.

markdown

[![Sitepeel on MCP Skills Hub](https://mcp-skills-hub.vercel.app/badge/dev-sitepeel-mcp)](https://mcp-skills-hub.vercel.app/mcps/dev-sitepeel-mcp)

Catalog data refreshed Oct 28, 2026. Something wrong? Report it.