# swaggin

> Curated UI design references for coding agents. Search the registry for free, then retrieve screenshots directly into vision context.

## When to use swaggin

Use swaggin before building or redesigning a web interface when visual quality matters, especially for pricing pages, dashboards, onboarding flows, landing pages, and mobile screens. Compare how production products express styles such as elegant consumer, terminal developer, brutalist, or editorial.

Do not use swaggin for text-only code snippets, component libraries, general stock photos, or legal advice about the referenced sites.

## How to connect

Use the hosted MCP server over Streamable HTTP: https://mcp.swaggin.dev/mcp

Tools: list_taxonomy, search_designs, get_screenshots, get_site, random_inspiration.

OAuth scopes: openid asset:read offline_access. Request only those scopes.

Codex: codex mcp add swaggin --url https://mcp.swaggin.dev/mcp

Claude Code: claude mcp add --transport http swaggin https://mcp.swaggin.dev/mcp

Metadata search and low-resolution fold previews are free. A license unlocks crisp folds, overviews, and segments. Call list_taxonomy and search_designs first, then fetch at most six selected screenshots.

## Start here

- Sitemap: https://swaggin.dev/sitemap.xml
- Gallery: https://swaggin.dev/gallery/
- MCP setup: https://swaggin.dev/#setup
- Help and FAQ: https://swaggin.dev/help/
- Privacy policy: https://swaggin.dev/privacy/
- Terms: https://swaggin.dev/terms/
- About swaggin: https://swaggin.dev/about/
- Contact: https://swaggin.dev/contact/
- Email: hi@swaggin.dev