MCP-сервер AllGoodInsp

База данных эталонных дизайн-решений для ИИ-агентов. Получайте структурированные данные о дизайне с сотен отобранных веб-сайтов — реальные значения CSS, спецификации типографики, цветовые палитры и обоснования дизайна — для создания более качественных веб-проектов.

Вместо генерации на основе общих промптов ваш ИИ извлекает реальные проектные решения с качественных сайтов и синтезирует их в спецификации, готовые к написанию кода.

Быстрый старт

Claude Desktop / Claude Code / Cursor

Добавьте в свою конфигурацию MCP:

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

Расположение файлов конфигурации:

При первом подключении вам будет предложено пройти аутентификацию через Google OAuth в браузере.

Аутентификация по API-ключу

Для использования сервер-сервер или в CI/CD сгенерируйте API-ключ на allgoodinsp.com/account и передайте его в качестве Bearer-токена:

Authorization: Bearer agi_your_key_here

Основной рабочий процесс

Типичный процесс проектирования с AllGoodInsp выглядит следующим образом:

Шаг 1: Загрузка методологии

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

Предоставляет вашему ИИ словарь дизайна — универсальные принципы (типографика, макет, цвет, анимация, ИА) и повторяющиеся паттерны. Загружайте один раз за сессию. Это фундамент: методология без примеров дает правильный, но скучный дизайн.

Шаг 2: Поиск примеров

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

Опишите то, что вы создаете, на естественном языке — настроение, цель, эстетика. Поиск использует 3-осевое сопоставление (цель + настроение + разнообразие контраста) для получения разнообразных и релевантных результатов.

Шаг 3: Выбор и изучение примеров

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

Выберите 3+ примера. Каждый пример содержит значения CSS, спецификации типографики, цветовые палитры и обоснование дизайна. Используйте каждый сайт как специалиста для конкретных решений — не усредняйте их.

Шаг 4: Синтез в бриф по дизайну

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

extract_essence объединяет выбранные примеры в готовую к кодированию спецификацию дизайна — CSS-переменные, цветовую палитру, масштаб типографики, систему отступов, структуру разделов и правила дизайна с фиксированными/исследуемыми границами.

Шаг 5: Создание и проверка

Создайте свой дизайн, используя синтезированный бриф, а затем выполните контрольный список качества:

self_review()

Проверяет наличие антипаттернов дизайна, качество исполнения, соблюдение принципов и структуру ИА.

Инструменты

extract_essence — Основной инструмент

Синтезируйте 2-5 примеров сайтов в готовый к кодированию бриф по дизайну. Возвращает CSS-переменные, цветовую палитру, масштаб типографики, систему отступов, структуру разделов и правила дизайна с фиксированными/исследуемыми границами.

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

search_sites

Семантический поиск по всем примерам по настроению, цели или описанию. Использует 3-осевой поиск (цель + настроение + разнообразие контраста) для получения разнообразных результатов.

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

get_site

Получите полный анализ дизайна для конкретного сайта — цветовую палитру, типографику, разделы, компоненты со значениями CSS и обоснованием.

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

search_by_component

Поиск сайтов по конкретным элементам дизайна. Выполняет поиск по всем компонентам во всех примерах.

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

get_methodology

Доступ к методологии дизайна — универсальным принципам, рекомендациям по исполнению, повторяющимся паттернам и информационной архитектуре.

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

get_principles

Принципы дизайна для конкретных областей.

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

Доступные категории: typography, layout, color, motion, ia

get_patterns

Повторяющиеся комбинации техник, извлеченные из коллекции, с доказательствами на примере нескольких сайтов.

get_patterns()

get_reference_guide

Руководство по эффективному чтению и комбинированию примеров дизайна.

get_workflow

Автономный рабочий процесс для ИИ-агентов, создающих дизайн-системы на основе примеров.

self_review

Контрольный список качества после реализации для паттернов дизайна, антипаттернов, качества исполнения и информационной архитектуры.

Что содержится в данных

Каждый пример содержит структурированные проектные решения с реального веб-сайта:

• Цветовая палитра — фон, основной/вторичный текст, CTA, акцент (с HEX-значениями и обоснованием)

• Типографика — семейства шрифтов, начертания, размеры, высота строки, межбуквенный интервал для заголовков, основного текста, навигации, CTA

• Нарушения конвенций — намеренные отступления от принципов дизайна с указанием области применения и обоснованием

• Разделы — первый экран (hero), навигация, контент, CTA, футер — каждый с доминирующими проектными решениями

• Компоненты — отдельные элементы со значениями CSS, ссылками на принципы и объяснениями «почему»

Трехуровневая система знаний

Категории

Агентства, электронная коммерция, консалтинг, ПО/SaaS, портфолио, еда и напитки, гостиничный бизнес, образование, здоровье и велнес, медиа/редакции, глубокие технологии, архитектура, бизнес/финансы, рекрутинг и другие.

REST API

Для программного доступа вне MCP также доступен REST API.

Базовый URL: https://api.allgoodinsp.com/v1

Для увеличения лимитов запросов требуется аутентификация. Сгенерируйте API-ключ на allgoodinsp.com/account.

Ссылки

• Галерея: allgoodinsp.com

• MCP-эндпоинт: https://mcp.allgoodinsp.com

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

• Документация MCP: allgoodinsp.com/docs/mcp

• Документация API: allgoodinsp.com/docs/api

Лицензия

MIT