Curated UI references for coding agents · MCP + CLI

References your agent can see.

swaggin delivers curated design references as actual images into a coding agent's vision context.

one command
claude mcp add swaggin -- bunx swaggin mcp

How it works

01 · search

The agent searches free metadata

Styles, categories, patterns and written captions. No account, no OAuth, no key — search and taxonomy are unauthenticated.

02 · pick

It picks the references that fit

Queries arrive as feel — “make it feel like a terminal dev tool” — so the primary axis is aesthetic style, not app name.

03 · see

Screenshots land in its vision context

Image bytes, not links. The agent reads the typography, spacing and shadows off the pixels and builds from them.

Styles

The vocabulary agents are prompted in. Every style ships with written visual cues.

Terminal / dev-tool

Monospace-forward, dark canvas, dense information, hairline borders, keyboard-first affordances.

monospace typedark by defaulthairline 1px borders

Elegant consumer

Generous whitespace, soft geometric or humanist type, warm canvas, restrained accent used only on links and focus.

large type scalesquircle radiiwarm off-white canvas

Enterprise SaaS

Dense functional layouts, data tables, sidebars, tight vertical rhythm, blue-leaning trust palette.

persistent sidebardata tablescompact density

Brutalist

Raw structure made visible.

0px radius2px+ black bordersflat fills

Editorial

Magazine logic applied to software.

serif display faceasymmetric gridlarge drop caps

Minimal / Swiss

Grid-disciplined, neutral grotesque type, near-monochrome, almost no ornament.

strict gridneutral grotesquemonochrome

Playful

High-personality colour, rounded forms, illustration and motion used liberally.

saturated palettelarge radiicustom illustration

Glass / depth

Translucent layered surfaces, backdrop blur, inset highlights and tinted borders that simulate physical material.

backdrop-filter blurcolor-mix tintsinset top highlight

Retro computing

Deliberate references to pre-web UI: beveled chrome, pixel type, CRT artefacts, window furniture.

pixel or bitmap typeoutset bevelstitle bars

Luxury

Slow, spacious, high-contrast.

full-bleed photographywide letter-spacingthin weights

Data dense

Charts, grids and numbers as the primary surface.

tabular numeralschart-first layoutcompact rows

Marketing landing

Conversion-shaped long-scroll pages: hero, social proof, feature sections, pricing, CTA.

long scrolllogo wallalternating feature bands

Gradient / vibrant

Mesh gradients, glows and saturated colour fields carrying the visual weight, usually over a dark canvas.

mesh gradientradial glowsvivid duotones

Mobile native

Platform-idiomatic mobile UI: tab bars, sheets, large titles, thumb-reachable actions, native motion curves.

bottom tab barbottom sheetslarge title headers

Pricing

Metadata and search are free and unauthenticated. A license gates only hosted screenshot delivery.

Open source

Free

MIT, forever

  • Full metadata and taxonomy
  • Search over every curated site
  • Capture screenshots yourself with the CLI
  • MIT licensed tooling and captions

Lifetime

$199

one payment, forever

  • Hosted screenshot delivery
  • 10,000 image requests / month fair use
  • swaggin login <key>
  • Every future registry release

Monthly

$9.99

per month

  • Hosted screenshot delivery
  • 10,000 image requests / month fair use
  • swaggin login <key>
  • Cancel any time

Found something beautiful?

Design taste should be crowdsourced — and credited. Send a URL and one sentence on what a designer would steal from it; accepted finds carry your name in the registry data, permanently.

Curators