Sitepeel

Name: Sitepeel
Author: Josephbadigar

作者：Josephbadigarバージョン 1.5.0i★ –iクラウドで動く

レジストリ名dev.sitepeel/mcp

インストール

概要

作者による説明（英語の原文）

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

PopNx MCPの3つの柱

この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。

利用者の声iレビューはまだありませんレビューは今後のステップで、アカウント機能と一緒に始まります
私たちの基本チェックi3項目中3項目に合格公開情報からチェック。コードはまだスキャンしていません
利用状況i未計測★ –

できること

このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。

接続方法: クラウドで動く
トランスポート: Streamable HTTP
カテゴリ: デザイン・画像・音声

インストール

使っているAIアプリを選んで、設定をコピーしてください。

インストールの前に

基本チェック：3項目中3項目に合格
作者のサーバーで動きます。あなたが頼んだ内容は、作者のサーバーを通ります。
レジストリには、入力が必要なキーは載っていません。

必要なもの

クラウドで動くインストール不要。インターネット経由でつながります

どのアプリを使っていますか？

ClaudeClaude CodeCursorVS CodeChatGPT

上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。

ウェブ、デスクトップ、モバイルのClaudeで使えます：

Settings → Connectors を開く
Add custom connector を押す
下のアドレスを貼り付けて Add を押す
サインインを求められたら、作者のサービスにサインインする

https://sitepeel.dev/mcp

ターミナルでこれを実行します

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

Cursorで開く

または、設定を自分でコピーする

プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます

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

ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。

VS Codeで開く

または、設定を自分でコピーする

プロジェクトの .vscode/mcp.json に貼り付けます

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

ChatGPTがつなげるのは、インターネット上のサーバーだけです：

ウェブ版のChatGPTを開き → Settings → Connectors (Apps)
Create または Add を押す（プランによっては、先に Advanced で Developer mode をオンにする必要があります）
下のアドレスを貼り付け、名前を付けて保存する
サインインを求められたら、作者のサービスにサインインする

https://sitepeel.dev/mcp

メニューの名前は、プランや時期によって少し違うことがあります。

選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。

できること

このサーバーは、ツール一覧を表示する前にサインインを求めます。

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック

✓ 合格
作者とリポジトリが一致
レジストリ名はドメイン sitepeel.dev で確認済みです（レジストリがドメインの所有を確認しています）
… 未チェック
今もメンテナンスされている
このリポジトリはまだGitHubから読み取っていません
… 未チェック
ライセンスがある
このリポジトリはまだGitHubから読み取っていません
✓ 合格
エンドポイントが応答する
427ミリ秒で応答（HTTP 401）
✓ 合格
OAuthでサインイン
OAuthでのサインインに対応しているため、AIアプリがログイン画面へ案内してくれます
… 未チェック
ツールの説明に隠れた指示がない
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります

デザイン・画像・音声のほかのサーバーとの比較i

このカテゴリのほかの2195件のうち0%よりスターが多い
このカテゴリのほかの2195件のうち78%より最近レジストリに公開
基本チェックの結果が、このカテゴリのほかの2195件のうち100%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

よくある質問

Sitepeelは安全ですか？

当てはまる基本チェック3項目のうち3項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。

どんなキーやコードが必要ですか？

レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。

パソコンで動きますか、それともクラウドですか？

作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。

今もメンテナンスされていますか？

GitHubリポジトリの最終更新は–、最新バージョン（1.5.0）がレジストリに届いたのは8 日前です。

どのアプリで使えますか？

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ（開発者モードのChatGPTなど）でも使えます。

代わりに使えるものは？

同じカテゴリには：Figma Context MCP, Claude Real Video, Figma MCP Server

代わりの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方：★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i

Figma Context MCP

作者：GLips

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

パソコンで動く★ 16,165MIT5 か月前更新

インストール

Claude Real Video

作者：HUANGCHIHHUNGLeo

Let any LLM watch a video locally — and search everything it has ever watched.

パソコンで動く★ 2,284MIT2 か月前更新

インストール

Figma MCP Server

作者：figma

The Figma MCP server brings Figma design context directly into your AI workflow.

クラウドで動く★ 2,15213 か月前更新

インストール

作者のREADME

READMEを開く

作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。

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:

/plugin marketplace add Josephbadigar/sitepeel

/plugin install sitepeel@sitepeel

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

/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:

codex plugin marketplace add Josephbadigar/sitepeel

codex plugin add sitepeel@sitepeel

You can also open /plugins inside Codex, pick the Sitepeel tab and install it from there. Start a new session afterwards so Codex loads the skills and tools.

Sign in

The first time your agent uses Sitepeel, it opens the browser so you can sign in to Sitepeel (free). It stays connected after that. There is no API key to copy.

Commands

In Claude Code, type these after installing. In Codex, the same skills are named $sitepeel:design-md, $sitepeel:clone and so on, or you can ask in plain words.

Command	What it does
`/sitepeel:design-md stripe.com`	Saves the site's DESIGN.md in your project root, so new UI follows its colors, fonts and spacing
`/sitepeel:clone linear.app/pricing`	Rebuilds the page's look and layout in your project, with placeholders for the site's own text and images
`/sitepeel:slop example.com`	Scores how AI-generated the page looks (0 to 100) and lists each tell with a fix
`/sitepeel:assets vercel.com svg`	Lists the page's images, SVGs, icons, videos and other files, and downloads the ones you pick
`/sitepeel:inspect notion.com`	Finds the page's fonts, color palette and tech stack

You don't have to use the commands. Once the plugin is installed you can just ask, for example "get the DESIGN.md of linear.app and restyle my settings page to match it".

Tools

The plugin adds one remote MCP server, https://sitepeel.dev/mcp, with these tools:

Tool	What it returns
`get_design_md`	A site's DESIGN.md in the Google Stitch format: colors, type, spacing, radii and components
`search_design_library`	Brands from the DESIGN.md library that match a name, font, color, style or category
`clone_prompt`	One prompt that rebuilds a page's look and layout
`check_ai_slop`	A 0 to 100 score, a verdict, the tells found with a fix for each, and a fix prompt
`extract_assets`	Images, SVGs, icons, videos, audio, fonts, Lottie and 3D files, with download links
`find_fonts`	Font families, where each is used, weights, sizes and the type scale
`get_color_palette`	The palette with roles, hex values and CSS variables
`detect_tech_stack`	Framework, CMS, hosting, libraries and analytics, with the evidence found

More tools are on the way, such as full-page screenshots and responsive checks. They show up in the plugin on their own when they go live on the server, with no update needed.

Every result links to its page on sitepeel.dev. Please credit "Sitepeel (sitepeel.dev)" when you use one.

Other apps

Any app that supports remote MCP servers can use Sitepeel without this plugin. Add https://sitepeel.dev/mcp as a Streamable HTTP server. For example:

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

codex mcp add sitepeel --url https://sitepeel.dev/mcp

Setup for Cursor, VS Code, Windsurf, Gemini CLI, Zed, Claude Desktop and claude.ai is on sitepeel.dev/mcp.

What the plugin does on your machine

The plugin has no code of its own. It holds:

.mcp.json, which points your agent at https://sitepeel.dev/mcp
five skills in skills/, plain instructions that tell the agent which Sitepeel tool to call
the manifests for Claude Code (.claude-plugin/) and Codex (.codex-plugin/, .agents/plugins/)

When your agent calls a tool, it sends the page address you gave to sitepeel.dev, which opens that public page and sends back the result. Your project files are not sent. The skills only write to your project when you ask, for example to save DESIGN.md or download a file. See the privacy policy and terms.

Good to know

Only public pages work. For pages behind a login, use the Sitepeel Chrome extension, which reads the page open in your browser.
A new page takes about 15 to 40 seconds to measure. If a tool answers "pending", the agent calls it again.
Results are an independent measurement of the public page, not the site owner's official design system. A site's text, images and logos belong to its owner.
Ready DESIGN.md files for more than 160 brands are in the DESIGN.md library, with style guides at sitepeel.dev/design-md/examples.

Support

Questions or problems: support@sitepeel.dev or sitepeel.dev/contact.

License

The plugin files in this repository are under the MIT License. The Sitepeel service at sitepeel.dev has its own terms.

Sitepeel

概要

PopNx MCPの3つの柱

できること

インストール

インストールの前に

できること

基本チェックi

作者とリポジトリが一致

今もメンテナンスされている

ライセンスがある

エンドポイントが応答する

OAuthでサインイン

ツールの説明に隠れた指示がない

デザイン・画像・音声のほかのサーバーとの比較i

よくある質問

代わりの候補

Figma Context MCP

Claude Real Video

Figma MCP Server

作者のREADME

Install in Claude Code

Install in Codex

Sign in

Commands

Tools

Other apps

What the plugin does on your machine

Good to know

Support

License