A1 Gallery MCP Server
A1は、実際のウェブサイトデザインを厳選したギャラリーです。このMCPサーバーはそれをコーディングエージェントの中に取り込み、スクリーンショットを貼り付けて希望を説明する代わりに、リファレンスをリクエストして構造化されたJSONを受け取ることができます。
すべてのサイトは全長でキャプチャされ、内部ページと個々のセクションに分割され、計測されます。レンダリングされたページから取得したタイプサイズ、スペーシング、角丸、コンテナ幅、パレットが得られます。画像から推測するのではありません。
現在のコーパス: 1,145サイト · 3,211キャプチャ済みセクション · 2,813フルページキャプチャ · 568フォント · 510デザイナー&スタジオ。
エンドポイント
URL |
|
トランスポート | Streamable HTTP |
認証 | PKCE付きOAuth 2.1、動的クライアント登録 |
レジストリ名 |
|
ツール | 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/mcpCursorと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と注釈されています。
ウェブサイト
ツール | 機能 |
| 名前、説明、タクソノミーにわたるキーワード検索。エイリアスを解決します — 「SaaS」「fintech」「brutalist」は実際のタクソノミー用語にマッピングされます。 |
| タイプ、カテゴリー、スタイル、テクノロジー、色によるフィルターのみのブラウズ。 |
| 1つのサイトのすべて:フォント、色、スタイル、テクノロジー、クリエイター、セクション。 |
| 指定したサイト周辺のインスピレーションクラスター。 |
| 最新の追加作品、公開日降順。 |
| カウント付きの完全なタクソノミー — 有効なフィルターを構築するために使用します。 |
セクション
ツール | 機能 |
| セクション本文内の検索 — 見出し、FAQの回答、価格テキスト、お客様の声。スクリーンショット、抽出された構造、計測されたトークンを返します。 |
| 1つのサイトのキャプチャ済みセクションすべてを、ページ順に。 |
| 多数のセクションにわたるコンテンツパターンの集計 — トピック分布、最も一般的なFAQの逐語的な質問。 |
| 計測値の集計 — 見出しサイズ、本文サイズ、スケール比、パディング、コンテナ幅、角丸のp25/中央値/p75、一般的な書体とアクセントカラー。 |
ページ
ツール | 機能 |
| ギャラリー全体で1つのページタイプを検索 — すべての価格ページ、すべてのアバウトページ。全文検索可能。 |
| 1つのサイトでキャプチャされたサブページ。 |
フォントとクリエイター
ツール | 機能 |
| 分類、ライセンス、または使用しているサイトのカテゴリーによるフォント。 |
| 1つのフォント — 分類、ライセンス、説明、使用回数。 |
| 2つのフォントが一緒に使用されている実際の例。 |
| デザイナーとスタジオ、カテゴリーまたはスタイルでフィルタリング可能。 |
| 1人のクリエイター:経歴、リンク、注目作品。 |
完全な説明、パラメータ、レスポンス形状はtools/listから返されます。
集計が四分位数を使う理由
analyze_design_tokensは平均ではなくp25、中央値、p75を報告します。デザイン値はロングテールです — 180pxのヒーロー見出しを持つ1つのサイトが平均を役に立たない場所に引きずります。
狭いスライスはすぐに薄まります。ショップの価格セクションをリクエストすると、ほんの一握りの例を見ることになるかもしれません。その場合、レスポンスはlowSample: trueを運び、パーセンテージの代わりに生のカウントを報告するため、エージェントは規範をでっち上げる代わりに「ここに4つの例があります」と言えます。
注記
サイトの説明とセクション本文は第三者のウェブサイトコンテンツです。ツールの説明では、これらを信頼できない外部データとしてフラグ付けしています。
このリポジトリにはマニフェストとドキュメントが含まれています。サーバー自体はクローズドソースで、a1.galleryでホストされています。
サポート
問題や質問:issueを開くか、hello@a1.galleryにメールしてください。
This server cannot be deployed
Maintenance
Related MCP Connectors
Let your AI agent build moodboards of real websites: save, search, tag and share design references.
Search 400+ real SaaS marketing websites by category, section, style, stack, palette and font.
Curated design references for AI — real CSS values, typography specs, and color palettes.
Real UI references for coding agents: iOS app screens, user journeys and website design systems.
Related MCP Servers
- AlicenseNot gradedqualityCmaintenanceStructured 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.1MIT
- AlicenseNot gradedqualityCmaintenanceEnables 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.951MIT
- AlicenseAqualityAmaintenanceProvides 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.393,493 npm380MIT

Duchampofficial
AlicenseNot gradedqualityBmaintenanceGives 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