siteprint

Siteprint测量网站渲染时的设计：颜色及其角色、字体比例、间距、圆角、阴影以及每个部分的布局。它将结果交给Claude Code、Cursor或Codex，作为精确提示、DESIGN.md、Tailwind v4和shadcn主题或设计令牌。公共服务器提供四个真实导出（Linear、Stripe、Ramp、Cal.com），无需安装即可试用。

访问 siteprint.app

文档

Siteprint MCP: website designs for Claude Code, Cursor and Codex

Give Claude Code, Cursor or Codex the designs you scanned in Safari. Siteprint's local MCP server serves each site's prompt, DESIGN.md, layout, Tailwind v4 and shadcn themes, tokens and screenshot. Setup in one command.

Source: https://siteprint.app/mcp/

Your AI reads your scans.

Scan a site in Safari. Claude Code, Cursor or Codex can then use its design directly.

A coding agent reading a Siteprint design and building a pricing page

Set it up once.

Claude Code

Run once in Terminal.

Terminal

claude mcp add --scope user siteprint -- "/Applications/Siteprint.app/Contents/MacOS/Siteprint" --mcp

Cursor

Add to ~/.cursor/mcp.json.

~/.cursor/mcp.json

{
  "mcpServers": {
    "siteprint": {
      "command": "/Applications/Siteprint.app/Contents/MacOS/Siteprint",
      "args": ["--mcp"]
    }
  }
}

Codex

Add to ~/.codex/config.toml.

~/.codex/config.toml

[mcp_servers.siteprint]
command = "/Applications/Siteprint.app/Contents/MacOS/Siteprint"
args = ["--mcp"]

Any other agent

Any MCP client, as a local stdio server.

Command

/Applications/Siteprint.app/Contents/MacOS/Siteprint --mcp

Then just ask.

Build our pricing page in the style of my last scan.

Restyle this dashboard with my Linear design.

Set up Tailwind v4 with the theme from my latest scan.

  • Prompt

  • DESIGN.md

  • Layout

  • Tailwind v4

  • shadcn/ui

  • Tokens

  • Screenshot

list_designs Your scans, newest first: site, colors, fonts.

get_design One scan as prompt , design , layout , tailwind_v4 , shadcn , css , json , figma or scan . No id means the latest.

get_reference_image The screenshot taken with the scan.

Needs Siteprint Pro. Runs on your Mac; nothing is uploaded.