Skip to main content
Glama
bryntay

A1 Gallery MCP Server

by bryntay

A1 — это тщательно отобранная галерея реальных веб-дизайнов. Этот MCP-сервер встраивает её в вашего агента для кодинга, так что вы можете запросить референс и получить структурированный JSON вместо того, чтобы вставлять скриншоты и описывать словами, чего хотите.

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

Текущий корпус: 1 145 сайтов · 3 211 захваченных секций · 2 813 полностраничных захватов · 568 шрифтов · 510 дизайнеров и студий.

Конечная точка

URL

https://www.a1.gallery/api/mcp

Транспорт

Streamable HTTP

Аутентификация

OAuth 2.1 с PKCE, динамическая регистрация клиентов

Имя в реестре

gallery.a1/a1-gallery

Инструменты

17, все только для чтения

Доступ бесплатный с аккаунтом A1 — 50 вызовов инструментов в день. A1 Pro повышает лимит до 2 000 в день с большей минутной квотой.

Related MCP server: AllGoodInsp

Установка

При первом подключении ваш клиент открывает браузер для входа в систему. Инструкции для каждого клиента с одно-кликовыми ссылками установки находятся на a1.gallery/mcp.

Claude Code

claude mcp add --transport http a1 --scope user https://www.a1.gallery/api/mcp

Затем выполните /mcp и войдите, когда появится запрос.

Codex CLI

codex mcp add a1 --url https://www.a1.gallery/api/mcp

Cursor и Claude Desktop

{
  "mcpServers": {
    "a1": {
      "url": "https://www.a1.gallery/api/mcp"
    }
  }
}

VS Code (1.99+ с GitHub Copilot)

{
  "servers": {
    "a1": {
      "type": "http",
      "url": "https://www.a1.gallery/api/mcp"
    }
  }
}

Windsurf

{
  "mcpServers": {
    "a1": {
      "serverUrl": "https://www.a1.gallery/api/mcp"
    }
  }
}

Zed (0.168+)

{
  "context_servers": {
    "a1": {
      "url": "https://www.a1.gallery/api/mcp"
    }
  }
}

Что вы можете запросить

  • «Найди три сайта юридических фирм в стиле брутализм и покажи их hero-секции.»

  • «Какой типографический масштаб реально используют hero в агенствах?» — квартили по всему корпусу, а не один пример.

  • «Покажи страницы тарифов, где упоминается плата за использование.» — полнотекстовый поиск внутри текста страниц.

  • «Что говорят FAQ в портфолио о возвратах?» — извлечённые пары „вопрос-ответ" с частотами.

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

Инструменты

Все 17 инструментов доступны только для чтения и помечены readOnlyHint: true.

Сайты

Инструмент

Что делает

search_websites

Поиск по ключевым словам в названиях, описаниях и таксономии. Разрешает алиасы — «SaaS», «финтех», «брутализм» сопоставляются с реальными терминами таксономии.

browse_websites

Просмотр только по фильтрам: тип, категория, стиль, технология или цвет.

get_website

Всё об одном сайте: шрифты, цвета, стили, технологии, создатель, секции.

get_similar_websites

Кластеры вдохновения вокруг заданного сайта.

get_recently_added

Последние добавления, по убыванию даты публикации.

get_design_filters

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

Секции

Инструмент

Что делает

search_sections

Поиск внутри текста секций — заголовки, ответы FAQ, тексты тарифов, отзывы. Возвращает скриншот, извлечённую структуру и измеренные токены.

get_website_sections

Каждая захваченная секция для одного сайта, в порядке страниц.

analyze_section_content

Агрегирует паттерны контента по множеству секций — распределение тем, наиболее частые дословные вопросы FAQ.

analyze_design_tokens

Агрегирует измеренные значения — p25/медиана/p75 для размера заголовков, основного текста, шага масштаба, отступов, ширины контейнера, радиуса, плюс распространённые гарнитуры и акцентные цвета.

Страницы

Инструмент

Что делает

search_pages

Один тип страницы по всей галерее — каждая страница тарифов, каждая страница «О нас». С полнотекстовым поиском.

get_website_pages

Вложенные страницы, захваченные для одного сайта.

Шрифты и создатели

Инструмент

Что делает

browse_fonts

Шрифты по классификации, лицензии или по категории сайта, который их использует.

get_font

Один шрифт — классификация, лицензия, описание, количество использований.

find_font_pairings

Реальные примеры совместного использования двух шрифтов.

browse_creators

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

get_creator

Один создатель: био, ссылки, избранные работы.

Полные описания, параметры и формы ответов возвращаются через tools/list.

Почему в агрегатах используются квартили

analyze_design_tokens сообщает p25, медиану и p75 вместо среднего. Дизайн-значения имеют длинный хвост — один сайт с hero-заголовком в 180px уводит среднее куда-то в бесполезное.

Узкие срезы быстро истощаются. Запросите секции тарифов в магазинах — и вы можете получить лишь несколько примеров. Когда это происходит, ответ несёт lowSample: true и сообщает сырые счётчики вместо процентов, так что агент может сказать «вот четыре примера», а не выдумывать норму.

Примечания

Описания сайтов и текст секций — это сторонний веб-контент. В описаниях инструментов они помечены как ненадёжные внешние данные.

В этом репозитории хранится манифест и документация. Сам сервер закрыт и размещён на a1.gallery.

Поддержка

Вопросы и проблемы: откройте issue или напишите на hello@a1.gallery.

Maintenance

ActivityMaintained
ResponsivenessSyncing

Resources

Unclaimed servers have limited discoverability.

Looking for Admin?

If you are the server author, to access and configure the admin panel.

Related MCP Connectors

Related MCP Servers

  • F
    license
    A
    quality
    D
    maintenance
    Provides comprehensive design principles and best practices to help LLMs generate modern, accessible web pages through guidance on layouts, colors, and typography. It enables users to review design approaches and access expert recommendations for responsive design, component structure, and current industry trends.
    12
    32
    3
  • A
    license
    Not graded
    quality
    C
    maintenance
    Structured design references from 1,000+ curated websites for AI-powered web design. Retrieve real CSS values, typography specs, color palettes, and design rationale via MCP.
    MIT
  • A
    license
    A
    quality
    A
    maintenance
    Analyzes and extracts design tokens, assets, and layout from live websites to enable AI clients to faithfully replicate them, with tools for screenshotting, component inspection, and pixel-diff verification.
    14
    17
    MIT

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/bryntay/a1-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server