A1 Gallery MCP Server

A1은 실제 웹사이트 디자인을 직접 엄선한 갤러리입니다. 이 MCP 서버는 A1을 코딩 에이전트 안에 통합하므로, 스크린샷을 붙여 넣고 원하는 것을 설명하는 대신 레퍼런스를 요청하면 구조화된 JSON으로 받을 수 있습니다.

모든 사이트는 전체 길이로 캡처되어 내부 페이지와 개별 섹션으로 나뉜 다음 측정됩니다. 렌더링된 페이지에서 추출한 글꼴 크기, 간격, 모서리 반경, 컨테이너 너비, 팔레트를 이미지에서 추측하는 것이 아니라 값으로 받을 수 있습니다.

현재 데이터 규모: 사이트 1,145개 · 캡처된 섹션 3,211개 · 전체 페이지 캡처 2,813개 · 폰트 568개 · 디자이너 및 스튜디오 510개.

Endpoint

A1 계정이 있으면 무료로 사용할 수 있으며 하루 50회의 도구 호출이 허용됩니다. A1 Pro는 분당 더 높은 허용량과 함께 하루 2,000회로 늘려줍니다.

Related MCP server: Inspo MCP

Install

클라이언트는 처음 연결할 때 브라우저를 열어 로그인을 진행합니다. 한 번의 클릭으로 설치할 수 있는 링크가 포함된 클라이언트별 안내는 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"
    }
  }
}

무엇을 요청할 수 있나요

• "브루탈리스트 스타일 로펌 사이트 세 곳을 찾아서 그 히어로 섹션을 보여줘."

• "에이전시 히어로 섹션은 실제로 어떤 타입 스케일을 사용할까?" — 하나의 예시가 아니라 전체 데이터셋의 사분위수로 답합니다.

• "사용량 기반 과금을 언급하는 가격 페이지를 보여줘." — 페이지 텍스트 내 전체 텍스트 검색.

• "포트폴리오 FAQ는 환불에 대해 뭐라고 하나요?" — 빈도와 함께 추출된 Q&A 쌍.

• "이 가격 섹션을 다시 만들어줘." — 팔레트, 타입, 간격, 모서리 반경을 측정값으로 제공.

도구

17개 도구는 모두 읽기 전용이며 readOnlyHint: true로 주석 처리되어 있습니다.

웹사이트

섹션

페이지

폰트와 크리에이터

전체 설명, 매개변수, 응답 형식은 tools/list에서 확인할 수 있습니다.

집계에 사분위수를 사용하는 이유

analyze_design_tokens는 평균 대신 p25, 중앙값, p75를 보고합니다. 디자인 값은 롱테일 분포를 띠기 때문에, 180px 히어로 제목을 가진 사이트 하나가 평균을 쓸모없는 값으로 끌어올릴 수 있습니다.

좁은 조건으로 나누면 표본이 빠르게 줄어듭니다. 예를 들어 쇼핑몰의 가격 섹션을 요청하면 손에 꼽을 정도의 예시만 남을 수 있습니다. 이 경우 응답은 lowSample: true를 포함하고 백분율 대신 원시 개수를 보고하므로, 에이전트는 규범을 지어내는 대신 "여기에 네 가지 예시가 있습니다"라고 말할 수 있습니다.

참고

사이트 설명과 섹션 텍스트는 제3자 웹사이트 콘텐츠입니다. 도구 설명은 이를 신뢰할 수 없는 외부 데이터로 표시합니다.

이 저장소는 매니페스트와 문서를 보관합니다. 서버 자체는 클로즈드 소스이며 a1.gallery에서 호스팅됩니다.

지원

이슈 및 문의: 이슈 열기 또는 hello@a1.gallery로 이메일을 보내주세요.