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.