A1 Gallery MCP Server
Provides curated real website design references with structured JSON data on type, spacing, palette, and layout. Enables AI agents to search, browse, and analyze over 1,000 sites and their sections.
README
<div align="center"> <img src="assets/logo-400.png" width="88" height="88" alt="A1 Gallery"> <h1>A1 Gallery MCP server</h1> <p><strong>Curated design references, inside your AI agent.</strong></p> <p> <a href="https://www.a1.gallery/mcp">Docs</a> · <a href="https://www.a1.gallery">Gallery</a> · <a href="https://www.a1.gallery/privacy">Privacy</a> </p> </div>
A1 is a hand-picked gallery of real website designs. This MCP server puts it inside your coding agent, so you can ask for a reference and get structured JSON back instead of pasting screenshots and describing what you want.
Every site is captured at full length, split into its interior pages and its individual sections, then measured. You get the type sizes, spacing, radius, container width and palette taken off the rendered page — not guessed from a picture.
Current corpus: 1,145 sites · 3,211 captured sections · 2,813 full-page captures · 568 fonts · 510 designers and studios.
Endpoint
| URL | https://www.a1.gallery/api/mcp |
| Transport | Streamable HTTP |
| Auth | OAuth 2.1 with PKCE, dynamic client registration |
| Registry name | gallery.a1/a1-gallery |
| Tools | 17, all read-only |
Access is free with an A1 account — 50 tool calls a day. A1 Pro raises that to 2,000 a day with a higher per-minute allowance.
Install
Your client opens a browser to sign in the first time it connects. Per-client instructions with one-click install links are at a1.gallery/mcp.
Claude Code
claude mcp add --transport http a1 --scope user https://www.a1.gallery/api/mcp
Then run /mcp and sign in when it prompts.
Codex CLI
codex mcp add a1 --url https://www.a1.gallery/api/mcp
Cursor and Claude Desktop
{
"mcpServers": {
"a1": {
"url": "https://www.a1.gallery/api/mcp"
}
}
}
VS Code (1.99+ with 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"
}
}
}
What you can ask for
- "Find three brutalist law firm sites and show me their heroes."
- "What type scale do agency heroes actually use?" — quartiles across the corpus, not one example.
- "Show me pricing pages that mention usage-based billing." — full-text search inside the page copy.
- "What do portfolio FAQs say about refunds?" — extracted Q&A pairs with frequencies.
- "Rebuild this pricing section." — palette, type, spacing and radius as measured values.
Tools
All 17 tools are read-only and annotated readOnlyHint: true.
Websites
| Tool | What it does |
|---|---|
search_websites |
Keyword search across names, descriptions and taxonomy. Resolves aliases — "SaaS", "fintech", "brutalist" map to real taxonomy terms. |
browse_websites |
Filter-only browsing by type, category, style, technology or colour. |
get_website |
Everything for one site: fonts, colours, styles, technologies, creator, sections. |
get_similar_websites |
Inspiration clusters around a given site. |
get_recently_added |
Newest additions, publish-date descending. |
get_design_filters |
The full taxonomy with counts — use it to build valid filters. |
Sections
| Tool | What it does |
|---|---|
search_sections |
Search inside section copy — headings, FAQ answers, pricing text, testimonials. Returns the screenshot, the extracted structure and the measured tokens. |
get_website_sections |
Every captured section for one site, in page order. |
analyze_section_content |
Aggregate content patterns across many sections — topic distribution, most common verbatim FAQ questions. |
analyze_design_tokens |
Aggregate measured values — p25/median/p75 for heading size, body size, scale ratio, padding, container width, radius, plus common typefaces and accent colours. |
Pages
| Tool | What it does |
|---|---|
search_pages |
One page type across the whole gallery — every pricing page, every about page. Full-text searchable. |
get_website_pages |
The sub-pages captured for one site. |
Fonts and creators
| Tool | What it does |
|---|---|
browse_fonts |
Fonts by classification, licence, or the category of site using them. |
get_font |
One font — classification, licence, description, usage count. |
find_font_pairings |
Real-world examples of two fonts used together. |
browse_creators |
Designers and studios, filterable by category or style. |
get_creator |
One creator: bio, links, featured work. |
Full descriptions, parameters and response shapes come back from tools/list.
Why aggregates use quartiles
analyze_design_tokens reports p25, median and p75 rather than an average. Design values
are long-tailed — one site with a 180px hero heading drags the mean somewhere useless.
Narrow slices thin out fast. Ask for pricing sections on shops and you may be looking at a
handful of examples. When that happens the response carries lowSample: true and reports
raw counts instead of percentages, so the agent can say "here are four examples" rather
than inventing a norm.
Notes
Site descriptions and section copy are third-party website content. The tool descriptions flag them as untrusted external data.
This repository holds the manifest and the docs. The server itself is closed-source and hosted at a1.gallery.
Support
Issues and questions: open an issue or email hello@a1.gallery.
推荐服务器
Baidu Map
百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。
Playwright MCP Server
一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。
Magic Component Platform (MCP)
一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。
Audiense Insights MCP Server
通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。
VeyraX
一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。
graphlit-mcp-server
模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。
Kagi MCP Server
一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。
e2b-mcp-server
使用 MCP 通过 e2b 运行代码。
Neon MCP Server
用于与 Neon 管理 API 和数据库交互的 MCP 服务器
Exa MCP Server
模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。