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

認証

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

レジストリ名

gallery.a1/a1-gallery

ツール

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

A1アカウントがあれば無料でアクセスできます — 1日50回のツール呼び出しまで。A1 Proでは、1日あたりの分単位の許容量を増やして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"
    }
  }
}

リクエストできること

  • 「ブルータリズムの法律事務所サイトを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にメールしてください。

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