Skip to main content
Glama
bryntay

A1 Gallery MCP Server


A1は、実際のウェブサイトデザインを厳選したギャラリーです。このMCPサーバーはそれをコーディングエージェントの中に取り込み、スクリーンショットを貼り付けて希望を説明する代わりに、リファレンスをリクエストして構造化されたJSONを受け取ることができます。

すべてのサイトは全長でキャプチャされ、内部ページと個々のセクションに分割され、計測されます。レンダリングされたページから取得したタイプサイズ、スペーシング、角丸、コンテナ幅、パレットが得られます。画像から推測するのではありません。

現在のコーパス: 1,145サイト · 3,211キャプチャ済みセクション · 2,813フルページキャプチャ · 568フォント · 510デザイナー&スタジオ。

エンドポイント

URL

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

トランスポート

Streamable HTTP

認証

PKCE付きOAuth 2.1、動的クライアント登録

レジストリ名

gallery.a1/a1-gallery

ツール

17個、すべて読み取り専用

A1アカウントがあれば無料でアクセスできます — 1日50回のツール呼び出しまで。A1 Proでは、1日あたりの分単位の許容量を増やして2,000回まで引き上げられます。

Related MCP server: Inspo MCP

インストール

初回接続時にクライアントがブラウザを開いてサインインします。ワンクリックインストールリンク付きのクライアント別手順は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"
    }
  }
}

リクエストできること

  • 「ブルータリズムの法律事務所サイトを3つ見つけて、ヒーローセクションを見せて。」

  • 「エージェンシーのヒーローは実際にはどのタイプスケールを使っているの?」 — 単一の例ではなく、コーパス全体の四分位数。

  • 「使用量ベースの課金に言及している価格ページを見せて。」 — ページ本文内の全文検索。

  • 「ポートフォリオのFAQは返金について何と言っている?」 — 抽出されたQ&Aペアと頻度。

  • 「この価格セクションを再構築して。」 — パレット、タイプ、スペーシング、角丸を計測値として。

ツール

17個すべてのツールは読み取り専用で、readOnlyHint: trueと注釈されています。

ウェブサイト

ツール

機能

search_websites

名前、説明、タクソノミーにわたるキーワード検索。エイリアスを解決します — 「SaaS」「fintech」「brutalist」は実際のタクソノミー用語にマッピングされます。

browse_websites

タイプ、カテゴリー、スタイル、テクノロジー、色によるフィルターのみのブラウズ。

get_website

1つのサイトのすべて:フォント、色、スタイル、テクノロジー、クリエイター、セクション。

get_similar_websites

指定したサイト周辺のインスピレーションクラスター。

get_recently_added

最新の追加作品、公開日降順。

get_design_filters

カウント付きの完全なタクソノミー — 有効なフィルターを構築するために使用します。

セクション

ツール

機能

search_sections

セクション本文内の検索 — 見出し、FAQの回答、価格テキスト、お客様の声。スクリーンショット、抽出された構造、計測されたトークンを返します。

get_website_sections

1つのサイトのキャプチャ済みセクションすべてを、ページ順に。

analyze_section_content

多数のセクションにわたるコンテンツパターンの集計 — トピック分布、最も一般的なFAQの逐語的な質問。

analyze_design_tokens

計測値の集計 — 見出しサイズ、本文サイズ、スケール比、パディング、コンテナ幅、角丸のp25/中央値/p75、一般的な書体とアクセントカラー。

ページ

ツール

機能

search_pages

ギャラリー全体で1つのページタイプを検索 — すべての価格ページ、すべてのアバウトページ。全文検索可能。

get_website_pages

1つのサイトでキャプチャされたサブページ。

フォントとクリエイター

ツール

機能

browse_fonts

分類、ライセンス、または使用しているサイトのカテゴリーによるフォント。

get_font

1つのフォント — 分類、ライセンス、説明、使用回数。

find_font_pairings

2つのフォントが一緒に使用されている実際の例。

browse_creators

デザイナーとスタジオ、カテゴリーまたはスタイルでフィルタリング可能。

get_creator

1人のクリエイター:経歴、リンク、注目作品。

完全な説明、パラメータ、レスポンス形状はtools/listから返されます。

集計が四分位数を使う理由

analyze_design_tokensは平均ではなくp25、中央値、p75を報告します。デザイン値はロングテールです — 180pxのヒーロー見出しを持つ1つのサイトが平均を役に立たない場所に引きずります。

狭いスライスはすぐに薄まります。ショップの価格セクションをリクエストすると、ほんの一握りの例を見ることになるかもしれません。その場合、レスポンスはlowSample: trueを運び、パーセンテージの代わりに生のカウントを報告するため、エージェントは規範をでっち上げる代わりに「ここに4つの例があります」と言えます。

注記

サイトの説明とセクション本文は第三者のウェブサイトコンテンツです。ツールの説明では、これらを信頼できない外部データとしてフラグ付けしています。

このリポジトリにはマニフェストとドキュメントが含まれています。サーバー自体はクローズドソースで、a1.galleryでホストされています。

サポート

問題や質問:issueを開くか、hello@a1.galleryにメールしてください。

Related MCP Connectors

Related MCP Servers

  • 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.
    1
    MIT
  • A
    license
    Not graded
    quality
    C
    maintenance
    Enables coding agents to search and retrieve real production websites, their design systems, and reference components over MCP, so they can study design patterns before writing UI.
    951
    MIT
  • A
    license
    A
    quality
    A
    maintenance
    Provides AI agents with a visual design inspiration loop from award-winning websites, including natural-language search, inline screenshots, and detailed design DNA extraction. Also supports optional live page capture, structure analysis, and motion recording for design verification.
    39
    3,493 npm
    380
    MIT
  • A
    license
    Not graded
    quality
    B
    maintenance
    Gives coding agents a curated, reviewable library of landing pages, hero sections, image prompts, motion-video recipes, logo and pitch-deck recipes, fonts and motion backgrounds that they can search, inspect and fetch, then rebuild locally from code. Searches and reference inspection are uncounted, while template, UI and asset fetches share a daily free limit under OAuth sign-in with no API key.
    MIT