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.