a1-gallery
01Plugin Claude Code
The A1 Gallery plugin — real website design reference, measured off the live page.
Plugin Claude Code
The A1 Gallery plugin — real website design reference, measured off the live page.
Plugin Claude Code
Ground design work in real websites — search 1,100+ live sites by style, font, colour and section, and read the type scale, spacing and palette measured off the page.
MCP server Claude CodeCodexCursor
MCP server "a1", hosted remotely at www.a1.gallery, as configured in bryntay/a1-mcp.
Agent
Researches a design question across A1 Gallery and returns a grounded brief — measured norms, named example sites, and the type and colour values to build with. Use for open briefs that need several searches, not for a single lookup.
Command
Find real sites using a font or font pairing.
Command
Find real website reference for a design brief.
Command
Show what real sites measure for a section type.
Skill Claude CodeCodex
Answer a design question with evidence from real websites instead of taste — type scale, spacing, container width, palette, or "what do sites like this actually do". Use when the user asks how big a heading should be, how much padding a section needs, what a kind of site normally looks like, or asks for design…
Skill Claude CodeCodex
Build a page section in code using the values measured off a real site rather than guessing them from a screenshot. Use when the user wants to recreate, adapt or take inspiration from a hero, pricing table, FAQ, testimonial or any other section they have seen.
Skill Claude CodeCodex
Connect the A1 Gallery MCP server and check it is working. Use when the plugin is first installed, when a tool returns 401 accountrequired, or when the user asks why A1 tools are not available.
MCP server Claude CodeCodexCursor
Search a curated gallery of real website designs by style, font, colour, section and technology. Remote server at www.a1.gallery.