siteprint

Siteprint đo lường thiết kế của một trang web khi nó hiển thị: màu sắc và vai trò của chúng, thang đo kiểu chữ, khoảng cách, góc bo, đổ bóng và bố cục của từng phần. Nó chuyển điều đó cho Claude Code, Cursor hoặc Codex dưới dạng một prompt chính xác, một tệp DESIGN.md, các chủ đề Tailwind v4 và shadcn, hoặc các token thiết kế. Máy chủ công khai có bốn bản xuất thực tế (Linear, Stripe, Ramp, Cal.com) để thử mà không cần cài đặt.

Xem trên siteprint.app

Tài liệu

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.