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 分