A1 Gallery MCP Server

A1 是一个人工精选的真实网站设计画廊。这个 MCP 服务器将它放入你的 编码智能体中，这样你就可以请求一个参考，并得到结构化的 JSON 返回，而不是 粘贴截图、描述你想要的东西。

每个网站都会以完整长度被捕获，拆分为其内部页面和各个 区块，然后进行测量。你得到的是从渲染页面中提取的字体大小、间距、圆角、容器宽度和 调色板——而不是从图片中猜测的。

当前语料库： 1,145 个网站 · 3,211 个捕获区块 · 2,813 个整页捕获 · 568 种字体 · 510 位设计师和工作室。

端点

使用 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"
    }
  }
}

你可以请求什么

• "找三个粗野主义风格的律所网站，并展示它们的首屏区域。"

• "代理公司首屏实际使用的字号比例是怎样的？" —— 基于整个语料库的四分位数，而非单个示例。

• "展示提到按用量计费的定价页面。" —— 对页面文本进行全文搜索。

• "作品集常见问题页面关于退款的回答是什么？" —— 提取的问答对及其出现频率。

• "重建这个定价区块。" —— 基于实测值的调色板、字体、间距和圆角。

工具

全部 17 个工具均为只读，并标注了 readOnlyHint: true。

网站

区块

页面

字体与创作者

完整的描述、参数和响应结构可通过 tools/list 获取。

为什么使用四分位数

analyze_design_tokens 报告 p25、中位数和 p75，而不是平均值。设计数值 呈长尾分布——一个 180px 的首屏标题就会把平均值拉到毫无意义的位置。

窄范围筛选后样本会迅速变少。当请求定价区块时，你可能只会看到 少数几个示例。在这种情况下，响应会携带 lowSample: true 并报告 原始计数而不是百分比，这样智能体就可以说"这里有四个示例"，而不是 凭空编造一个比例。

说明

网站描述和区块文本是第三方网站内容。工具描述 会将它们标记为不可信的外部数据。

本仓库包含清单和文档。服务器本身是闭源的，托管在 a1.gallery。

支持

问题和反馈：提交 issue 或发送邮件至 hello@a1.gallery。