A1 Gallery

Name: A1 Gallery
Author: bryntay

โดย bryntayรุ่น 1.1.2i★ –iรันบนคลาวด์

ชื่อใน registrygallery.a1/a1-gallery

ติดตั้ง

ภาพรวม

คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)

Search hand-curated website designs by style, font, colour, section and technology.

สามเสาของ PopNx MCP

สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน

เสียงผู้ใช้iยังไม่มีรีวิวรีวิวเปิดพร้อมระบบบัญชีในขั้นถัดไป
ผลตรวจเบื้องต้นของเราiผ่าน 0 จาก 1 ข้อตรวจจากข้อมูลที่เปิดอยู่ ยังไม่ได้สแกนโค้ด
การใช้งานiยังไม่ได้วัด★ –

ใช้ทำอะไรได้

ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry

การเชื่อมต่อ: รันบนคลาวด์
ช่องทาง (transport): Streamable HTTP
หมวด: ค้นข้อมูลและความจำของ AI

ติดตั้ง

เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง

ก่อนติดตั้ง

ผลตรวจเบื้องต้น: ผ่าน 0 จาก 1 ข้อ
รันบนเครื่องของผู้ทำ สิ่งที่คุณถามจะผ่านเครื่องของเขา
ทะเบียนไม่ได้ระบุ key ที่ต้องใส่

ต้องเตรียมก่อน

รันบนคลาวด์ไม่ต้องลงโปรแกรมเพิ่ม ต่อผ่านอินเทอร์เน็ตได้เลย

คุณใช้แอปไหน

ClaudeClaude CodeCursorVS CodeChatGPT

เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”

ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:

เปิด Settings → Connectors
กด Add custom connector
วางที่อยู่ด้านล่างแล้วกด Add
ถ้าให้ล็อกอิน ให้ล็อกอินกับผู้ทำ

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

พิมพ์คำสั่งนี้ใน Terminal

claude mcp add --transport http a1-gallery https://www.a1.gallery/api/mcp

เปิดใน Cursor

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json

{
  "mcpServers": {
    "a1-gallery": {
      "url": "https://www.a1.gallery/api/mcp"
    }
  }
}

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

เปิดใน VS Code

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .vscode/mcp.json ของโปรเจกต์

{
  "servers": {
    "a1-gallery": {
      "type": "http",
      "url": "https://www.a1.gallery/api/mcp"
    }
  }
}

ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:

เปิด ChatGPT บนเว็บ → Settings → Connectors (Apps)
กด Create หรือ Add (บางแพ็กเกจต้องเปิด Developer mode ใน Advanced ก่อน)
วางที่อยู่ด้านล่าง ตั้งชื่อ แล้วบันทึก
ถ้าให้ล็อกอิน ให้ล็อกอินกับผู้ทำ

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

ชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป

ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี

ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README

ทำอะไรได้บ้าง

ยังไม่ได้อ่านรายการเครื่องมือของตัวนี้ เราตรวจ endpoint ทีละชุดวนไป

ผลตรวจเบื้องต้นi

เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569

! ควรระวัง
ตัวตนผู้ทำตรงกับ repo
ผู้ลงทะเบียน (a1.gallery) ไม่ใช่เจ้าของ repo (bryntay) อาจเป็นคนอื่นที่นำมาลงต่อ
… ยังไม่ตรวจ
ยังมีคนดูแล
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
… ยังไม่ตรวจ
มีสัญญาอนุญาต (license)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
… ยังไม่ตรวจ
endpoint ตอบ
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
… ยังไม่ตรวจ
ล็อกอินแบบ OAuth
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
… ยังไม่ตรวจ
คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint

เทียบกับตัวอื่นในหมวด ค้นข้อมูลและความจำของ AIi

ดาวมากกว่า 0% ของอีก 7259 ตัวในหมวดนี้
ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 56% ของอีก 7259 ตัวในหมวดนี้
ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 31% ของอีก 7259 ตัวในหมวดนี้

เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo

คำถามที่พบบ่อย

A1 Gallery ปลอดภัยไหม?

จากการตรวจเบื้องต้นของเรา ผ่าน 0 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น

ต้องใช้กุญแจหรือรหัสอะไรบ้าง?

registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก

ตัวนี้รันบนเครื่องหรือบนคลาวด์?

รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ

ยังมีคนดูแลอยู่ไหม?

repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.1.2) เข้า registry 29 วันที่ผ่านมา

ใช้กับโปรแกรมไหนได้บ้าง?

โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา

มีตัวไหนใช้แทนได้บ้าง?

ในหมวดเดียวกันมี Context7, Codebase Memory, Exa

ตัวที่ใช้แทนได้

server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว

อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi

Context7

โดย upstash

ส่งคู่มือการใช้ไลบรารีและเฟรมเวิร์กรุ่นล่าสุดให้ AI อ่านก่อนตอบ ช่วยให้โค้ดที่ AI เขียนไม่ใช้คำสั่งเก่าที่เลิกใช้แล้ว

บนเครื่องหรือคลาวด์★ 64,224MITอัปเดต เมื่อวาน

ติดตั้ง

Codebase Memory

โดย DeusData

Codebase knowledge graph for AI agents — 162 languages, sub-ms queries, 99% fewer tokens.

รันบนเครื่อง★ 48,148MITอัปเดต 20 วันที่ผ่านมา

ติดตั้ง

Exa

โดย exa-labs

Connect AI agents to Exa for web search, content fetching, and multi-step research.

รันบนคลาวด์★ 5,213MITอัปเดต เดือนที่แล้ว

ติดตั้ง

README จากผู้ทำ

เปิดอ่าน README

ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ

A1 Gallery MCP server Curated design references, inside your AI agent.

Docs · Gallery · Privacy

A1 is a hand-curated gallery of real website designs. This MCP server puts it inside your coding agent, so you can ask for a reference and get structured JSON back instead of pasting screenshots and describing what you want.

Every site is captured at full length, split into its interior pages and its individual sections, then measured. You get the type sizes, spacing, radius, container width and palette taken off the rendered page — not guessed from a picture.

In the gallery right now: 1,165 sites · 3,209 captured sections · 2,860 full-page captures · 571 fonts · 517 designers and studios.

Endpoint


URL	`https://www.a1.gallery/api/mcp`
Transport	Streamable HTTP
Auth	OAuth 2.1 with PKCE, dynamic client registration
Registry name	`gallery.a1/a1-gallery`
Tools	17, all read-only

Access is free with an A1 account — 50 tool calls a day. A1 Pro raises that to 2,000 a day with a higher per-minute allowance.

Install

Your client opens a browser to sign in the first time it connects. Per-client instructions with one-click install links are at a1.gallery/mcp.

Claude Code — plugin

The plugin in this repository bundles the server with three skills, three slash commands and a research sub-agent. It teaches the agent how to use the gallery, which the bare connector does not.

/plugin install a1-gallery --marketplace bryntay/a1-mcp

On Claude Code before 2.1.275, add the marketplace first:

claude plugin marketplace add bryntay/a1-mcp

claude plugin install a1-gallery

Then run /mcp and authenticate. See Plugin below for what it adds.

Claude Code — connector only

claude mcp add --transport http a1 --scope user https://www.a1.gallery/api/mcp

Then run /mcp and sign in when it prompts.

Codex CLI

codex mcp add a1 --url https://www.a1.gallery/api/mcp

Cursor and Claude Desktop

"mcpServers": { "a1": { "url": "https://www.a1.gallery/api/mcp" } } }

VS Code (1.99+ with 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" } } }

What you can ask for

*"Find three brutalist law firm sites and show me their heroes."*
*"What type scale do agency heroes actually use?"* — quartiles across every site, not one example.
*"Show me pricing pages that mention usage-based billing."* — full-text search inside the page copy.
*"What do portfolio FAQs say about refunds?"* — extracted Q&A pairs with frequencies.
*"Rebuild this pricing section."* — palette, type, spacing and radius as measured values.

Tools

All 17 tools are read-only and annotated readOnlyHint: true.

Websites

Tool	What it does
`search_websites`	Keyword search across names, descriptions and taxonomy. Resolves aliases — "SaaS", "fintech", "brutalist" map to real taxonomy terms.
`browse_websites`	Filter-only browsing by type, category, style, technology or colour.
`get_website`	Everything for one site: fonts, colours, styles, technologies, creator, sections.
`get_similar_websites`	Inspiration clusters around a given site.
`get_recently_added`	Newest additions, publish-date descending.
`get_design_filters`	The full taxonomy with counts — use it to build valid filters.

Sections

Tool	What it does
`search_sections`	Search inside section copy — headings, FAQ answers, pricing text, testimonials. Returns the screenshot, the extracted structure and the measured tokens.
`get_website_sections`	Every captured section for one site, in page order.
`analyze_section_content`	Aggregate content patterns across many sections — topic distribution, most common verbatim FAQ questions.
`analyze_design_tokens`	Aggregate measured values — p25/median/p75 for heading size, body size, scale ratio, padding, container width, radius, plus common typefaces and accent colours.

Pages

Tool	What it does
`search_pages`	One page type across the whole gallery — every pricing page, every about page. Full-text searchable.
`get_website_pages`	The sub-pages captured for one site.

Fonts and creators

Tool	What it does
`browse_fonts`	Fonts by classification, licence, or the category of site using them.
`get_font`	One font — classification, licence, description, usage count.
`find_font_pairings`	Real-world examples of two fonts used together.
`browse_creators`	Designers and studios, filterable by category or style.
`get_creator`	One creator: bio, links, featured work.

Full descriptions, parameters and response shapes come back from tools/list.

Plugin

Installing the connector gives an agent 17 tools. It does not tell the agent that analyze_design_tokens answers "how big should this be" better than five screenshots, or that a lowSample flag means stop generalising. The plugin carries that.

Skills

Skill	Fires when
`design-reference`	A design question needs evidence — type scale, spacing, palette, or what sites of a kind actually do. Routes to the aggregate tools first, examples second.
`section-rebuild`	Recreating a hero, pricing table or FAQ. Builds from the measured `designTokens` rather than reading values off the screenshot.
`setup`	First connection, or a `401 account_required`. Walks through OAuth and the quotas.

Commands

Command	What it does
`/a1-gallery:reference`	Real sites matching a design brief, rephrased into the gallery's taxonomy.
`/a1-gallery:tokens`	Measured values for a section type, reported as p25–p75 ranges.
`/a1-gallery:pairings`	Sites using a font or a font pairing.

Sub-agent

design-researcher handles open briefs that need several searches — an aggregate pass, a couple of targeted searches, then the values to build with. It returns a brief and never edits files.

Why aggregates use quartiles

analyze_design_tokens reports p25, median and p75 rather than an average. Design values are long-tailed — one site with a 180px hero heading drags the mean somewhere useless.

Narrow slices thin out fast. Ask for pricing sections on shops and you may be looking at a handful of examples. When that happens the response carries lowSample: true and reports raw counts instead of percentages, so the agent can say "here are four examples" rather than inventing a norm.

Notes

Site descriptions and section copy are third-party website content. The tool descriptions flag them as untrusted external data.

This repository holds the manifest and the docs. The server itself is closed-source and hosted at a1.gallery.

Support

Issues and questions: open an issue or email hello@a1.gallery.

A1 Gallery

ภาพรวม

สามเสาของ PopNx MCP

ใช้ทำอะไรได้

ติดตั้ง

ก่อนติดตั้ง

ทำอะไรได้บ้าง

ผลตรวจเบื้องต้นi

ตัวตนผู้ทำตรงกับ repo

ยังมีคนดูแล

มีสัญญาอนุญาต (license)

endpoint ตอบ

ล็อกอินแบบ OAuth

คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง

เทียบกับตัวอื่นในหมวด ค้นข้อมูลและความจำของ AIi

คำถามที่พบบ่อย

ตัวที่ใช้แทนได้

Context7

Codebase Memory

Exa

README จากผู้ทำ

Endpoint

Install

Claude Code — plugin

Claude Code — connector only

Codex CLI

Cursor and Claude Desktop

VS Code (1.99+ with GitHub Copilot)

Windsurf

Zed (0.168+)

What you can ask for

Tools

Websites

Sections

Pages

Fonts and creators

Plugin

Skills

Commands

Sub-agent

Why aggregates use quartiles

Notes

Support