Servidor MCP AllGoodInsp

Una base de datos de referencia de diseño seleccionada para agentes de IA. Obtén datos de diseño estructurados de cientos de sitios web seleccionados —valores CSS reales, especificaciones tipográficas, paletas de colores y fundamentos de diseño— para generar mejores diseños web.

En lugar de generar a partir de prompts genéricos, tu IA recupera decisiones de diseño reales de sitios de calidad y las sintetiza en especificaciones listas para programar.

Inicio rápido

Claude Desktop / Claude Code / Cursor

Añade a tu configuración de MCP:

{
  "mcpServers": {
    "allgoodinsp": {
      "url": "https://mcp.allgoodinsp.com"
    }
  }
}

Ubicaciones de los archivos de configuración:

En la primera conexión, se te pedirá que te autentiques mediante Google OAuth a través de tu navegador.

Autenticación con clave API

Para uso de servidor a servidor o CI/CD, genera una clave API en allgoodinsp.com/account y pásala como un token Bearer:

Authorization: Bearer agi_your_key_here

Flujo de uso básico

A typical design workflow with AllGoodInsp follows this sequence:

Paso 1: Cargar la metodología

get_reference_guide()
get_methodology({ layers: ["principles", "patterns"] })

Proporciona a tu IA el vocabulario de diseño: principios universales (tipografía, maquetación, color, movimiento, arquitectura de información) y patrones recurrentes. Cárgalo una vez por sesión. Esta es la base: la metodología sin referencias produce un diseño correcto pero aburrido.

Paso 2: Buscar referencias

search_sites({ query: "minimal SaaS landing page, confident and warm" })

Describe lo que estás construyendo en lenguaje natural: estado de ánimo, propósito, estética. La búsqueda utiliza una coincidencia de 3 ejes (propósito + estado de ánimo + diversidad de contraste) para devolver resultados variados y relevantes.

Paso 3: Seleccionar y leer referencias

get_site({ site_id: "stripe-com", detail: "full" })
get_site({ site_id: "linear-app", detail: "full" })
get_site({ site_id: "vercel-com", detail: "full" })

Elige más de 3 referencias. Cada referencia contiene valores CSS, especificaciones tipográficas, paletas de colores y fundamentos de diseño. Utiliza cada sitio como un especialista para decisiones específicas; no los promedies.

Paso 4: Sintetizar en un brief de diseño

extract_essence({
  site_ids: ["stripe-com", "linear-app", "vercel-com"],
  brief: "SaaS landing page for a developer tool, confident and minimal"
})

extract_essence combina las referencias seleccionadas en una especificación de diseño lista para programar: variables CSS, paleta de colores, escala tipográfica, sistema de espaciado, estructura de secciones y reglas de diseño con límites fijos/explorables.

Paso 5: Construir y revisar

Construye tu diseño utilizando el brief sintetizado, luego ejecuta la lista de verificación de calidad:

self_review()

Comprueba los antipatrones de diseño, la calidad de ejecución, la adherencia a los principios y la estructura de la arquitectura de información.

Herramientas

extract_essence — Herramienta principal

Sintetiza de 2 a 5 referencias de sitios en un brief de diseño listo para programar. Devuelve variables CSS, paleta de colores, escala tipográfica, sistema de espaciado, estructura de secciones y reglas de diseño con límites fijos/explorables.

extract_essence({
  site_ids: ["stripe-com", "linear-app", "vercel-com"],
  brief: "SaaS landing page for a developer tool, confident and minimal"
})

search_sites

Búsqueda semántica en todas las referencias por estado de ánimo, propósito o descripción. Utiliza una búsqueda de 3 ejes (propósito + estado de ánimo + diversidad de contraste) para devolver resultados variados.

search_sites({ query: "warm editorial magazine layout" })
search_sites({ query: "bold fintech landing page", category: "software-saas" })

get_site

Recupera el análisis de diseño completo de un sitio específico: paleta de colores, tipografía, secciones, componentes con valores CSS y fundamentos.

get_site({ site_id: "stripe-com" })
get_site({ site_id: "stripe-com", detail: "full" })

search_by_component

Encuentra sitios por elementos de diseño específicos. Busca en todos los componentes de todas las referencias.

search_by_component({ query: "hero with video background" })
search_by_component({ query: "pricing table with toggle" })

get_methodology

Accede a la metodología de diseño: principios universales, pautas de ejecución, patrones recurrentes y arquitectura de información.

get_methodology({ layers: ["principles", "patterns"] })

get_principles

Principios de diseño para dominios específicos.

get_principles({ category: "typography" })
get_principles({ category: "color" })

Categorías disponibles: typography, layout, color, motion, ia

get_patterns

Combinaciones de técnicas recurrentes destiladas de la colección, con evidencia de múltiples sitios.

get_patterns()

get_reference_guide

Guía para leer y combinar referencias de diseño de manera efectiva.

get_workflow

Flujo de trabajo autónomo para agentes de IA que construyen sistemas de diseño a partir de referencias.

self_review

Lista de verificación de calidad posterior a la implementación para patrones de diseño, antipatrones, calidad de ejecución y arquitectura de información.

Qué hay en los datos

Cada referencia contiene decisiones de diseño estructuradas de un sitio web real:

• Paleta de colores — fondo, texto primario/secundario, CTA, acento (con valores hexadecimales y fundamentos)

• Tipografía — familias de fuentes, pesos, tamaños, alturas de línea, espaciado entre letras para encabezados, cuerpo, navegación, CTA

• Rupturas de convención — violaciones intencionales de los principios de diseño, con alcance y fundamentos

• Secciones — hero, navegación, contenido, CTA, pie de página — cada una con decisiones de diseño dominantes

• Componentes — elementos individuales con valores CSS, referencias de principios y explicaciones del "porqué"

Sistema de conocimiento de tres capas

Categorías

Agencia, Comercio electrónico, Consultoría, Software/SaaS, Portafolio, Alimentos y bebidas, Hospitalidad, Educación, Salud y bienestar, Medios/Editorial, Deep-Tech, Arquitectura, Negocios/Finanzas, Reclutamiento y más.

API REST

Para acceso programático fuera de MCP, también hay disponible una API REST.

URL base: https://api.allgoodinsp.com/v1

Se requiere autenticación para límites de tasa más altos. Genera una clave API en allgoodinsp.com/account.

Enlaces

• Galería: allgoodinsp.com

• Endpoint MCP: https://mcp.allgoodinsp.com

• API REST: https://api.allgoodinsp.com/v1

• Documentación MCP: allgoodinsp.com/docs/mcp

• Documentación API: allgoodinsp.com/docs/api

Licencia

MIT