Sitepeel

dev.sitepeel由 sitepeel.dev 發布官方發布者v1.5.0更新於 Oct 29, 2026

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

已驗證Streamable HTTP可網頁執行網頁搜尋與抓取開發者工具媒體與設計

概覽

AI 產生的概覽

Sitepeel 在真實瀏覽器中開啟公開網頁並進行量測，把網站的 DESIGN.md、複製提示詞、素材、字型、配色與技術棧回傳給程式開發助理。

可以做什麼
  • 取得網站的 DESIGN.md（顏色、字型、間距、圓角與元件），並搜尋品牌 DESIGN.md 資料庫
  • 產生用來重建頁面外觀與版面的複製提示詞
  • 為著陸頁評分 AI 生成痕跡並提供修正提示詞
  • 擷取圖片、SVG、圖示、影片、音訊、字型、Lottie 與 3D 檔案並提供下載連結
  • 檢視字型、含角色與 CSS 變數的配色，以及偵測到的框架、CMS、主機與分析工具
適用情境
適合讓程式開發助理對齊某個現有網站的設計系統、依參考品牌重做介面、重建頁面版面、檢查著陸頁是否有樣板化的 AI 風格，或擷取網站的素材、字型與配色。
執行需求
遠端 Streamable HTTP 端點 sitepeel.dev/mcp，可加入任何支援 MCP 的用戶端。首次使用時透過瀏覽器 OAuth 登入（免費帳號），不需 API 金鑰。僅支援公開頁面，新頁面量測約需 15 至 40 秒。
安裝前請注意
你提供的頁面網址會傳送到 sitepeel.dev，由它抓取該公開頁面；專案檔案不會被傳送。技能只在你要求時寫入專案，例如儲存 DESIGN.md 或下載檔案。結果是獨立量測，並非網站擁有者的官方設計系統，網站的文字、圖片與標誌歸其擁有者所有。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Sitepeel，將其新增到工作區。
  2. 連接 所需的 憑證。它們會被私密儲存，絕不會在公開頁面上展示。
  3. 為需要使用其工具的對話啟用該服務。

Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/dev.sitepeel%2Fmcp/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。 客戶端會在首次連接時完成 OAuth 登入。

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

README

[Sitepeel]

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.

[Sitepeel tools: clone prompt, AI slop checker, assets, fonts, colors and tech stack]

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:

sh
claude plugin marketplace add Josephbadigar/sitepeelclaude 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:

sh
codex plugin marketplace add Josephbadigar/sitepeelcodex 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.

CommandWhat it does
/sitepeel:design-md stripe.comSaves the site's DESIGN.md in your project root, so new UI follows its colors, fonts and spacing
/sitepeel:clone linear.app/pricingRebuilds the page's look and layout in your project, with placeholders for the site's own text and images
/sitepeel:slop example.comScores how AI-generated the page looks (0 to 100) and lists each tell with a fix
/sitepeel:assets vercel.com svgLists the page's images, SVGs, icons, videos and other files, and downloads the ones you pick
/sitepeel:inspect notion.comFinds 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:

ToolWhat it returns
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

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:

sh
claude mcp add --transport http sitepeel https://sitepeel.dev/mcpcodex 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: [email protected] 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.

來源：README.md，提交 f4f8266

工具

0
該伺服器需要登入，因此 SourceWeft 無法在沒有帳號的情況下讀取其工具，也未收錄。已連接帳號所能看到的內容可能因帳號及其權限而異。

版本歷史

1
  1. v1.5.0最新Oct 29, 2026

評分

已滿足適用檢查項的 85%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list，或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分