siteprint

Siteprint mide el diseño de un sitio web tal como se renderiza: colores y sus roles, la escala tipográfica, el espaciado, las esquinas, las sombras y el diseño de cada sección. Se lo entrega a Claude Code, Cursor o Codex como un prompt exacto, un DESIGN.md, temas de Tailwind v4 y shadcn, o tokens de diseño. El servidor público tiene cuatro exportaciones reales (Linear, Stripe, Ramp, Cal.com) para probar sin instalación.

Ver en siteprint.appPrueba este MCPPatrocinado

Documentación

Siteprint MCP: diseños web para Claude Code, Cursor y Codex

Dale a Claude Code, Cursor o Codex los diseños que escaneaste en Safari. El servidor MCP local de Siteprint sirve el prompt de cada sitio, DESIGN.md, layout, temas de Tailwind v4 y shadcn, tokens y captura de pantalla. Configuración en un comando.

Fuente: https://siteprint.app/mcp/

Tu IA lee tus escaneos.

Escanea un sitio en Safari. Claude Code, Cursor o Codex pueden usar su diseño directamente.

Un agente de codificación leyendo un diseño de Siteprint y construyendo una página de precios

Configúralo una vez.

Claude Code

Ejecuta una vez en Terminal.

Terminal

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

Cursor

Añade a ~/.cursor/mcp.json.

~/.cursor/mcp.json

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

Codex

Añade a ~/.codex/config.toml.

~/.codex/config.toml

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

Cualquier otro agente

Cualquier cliente MCP, como servidor stdio local.

Comando

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

Luego solo pregunta.

Construye nuestra página de precios con el estilo de mi último escaneo.

Rediseña este panel con mi diseño de Linear.

Configura Tailwind v4 con el tema de mi último escaneo.

  • Prompt

  • DESIGN.md

  • Layout

  • Tailwind v4

  • shadcn/ui

  • Tokens

  • Captura de pantalla

list_designs Tus escaneos, del más reciente al más antiguo: sitio, colores, fuentes.

get_design Un escaneo como prompt , design , layout , tailwind_v4 , shadcn , css , json , figma o scan . Sin id significa el más reciente.

get_reference_image La captura de pantalla tomada con el escaneo.

Requiere Siteprint Pro. Se ejecuta en tu Mac; nada se sube.