siteprint

O Siteprint mede o design de um site conforme ele é renderizado: cores e seus papéis, a escala tipográfica, espaçamentos, cantos, sombras e o layout de cada seção. Ele entrega isso ao Claude Code, Cursor ou Codex como um prompt exato, um DESIGN.md, temas Tailwind v4 e shadcn, ou tokens de design. O servidor público tem quatro exportações reais (Linear, Stripe, Ramp, Cal.com) para testar sem instalação.

Ver em siteprint.appExperimente este MCPPatrocinado

Documentação

Siteprint MCP: designs de sites para Claude Code, Cursor e Codex

Dê ao Claude Code, Cursor ou Codex os designs que você escaneou no Safari. O servidor MCP local do Siteprint serve o prompt de cada site, DESIGN.md, layout, temas Tailwind v4 e shadcn, tokens e screenshot. Configuração em um comando.

Fonte: https://siteprint.app/mcp/

Sua IA lê seus scans.

Escaneie um site no Safari. Claude Code, Cursor ou Codex podem então usar o design diretamente.

Um agente de codificação lendo um design do Siteprint e construindo uma página de preços

Configure uma vez.

Claude Code

Execute uma vez no Terminal.

Terminal

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

Cursor

Adicione em ~/.cursor/mcp.json.

~/.cursor/mcp.json

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

Codex

Adicione em ~/.codex/config.toml.

~/.codex/config.toml

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

Qualquer outro agente

Qualquer cliente MCP, como um servidor stdio local.

Comando

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

Depois é só pedir.

Construa nossa página de preços no estilo do meu último scan.

Reestilize este dashboard com meu design Linear.

Configure Tailwind v4 com o tema do meu scan mais recente.

  • Prompt

  • DESIGN.md

  • Layout

  • Tailwind v4

  • shadcn/ui

  • Tokens

  • Screenshot

list_designs Seus scans, do mais recente ao mais antigo: site, cores, fontes.

get_design Um scan como prompt , design , layout , tailwind_v4 , shadcn , css , json , figma ou scan . Sem id significa o mais recente.

get_reference_image O screenshot tirado com o scan.

Requer Siteprint Pro. Roda no seu Mac; nada é enviado para a nuvem.