For AI agents
PATTTTERNS MCP Server
Use the Model Context Protocol to search and browse our curated library of UX and UI design patterns from Cursor, Claude Desktop, or any MCP-compatible client.
Quick setup
Add PATTTTERNS to your MCP client config. Streamable HTTP transport, spec 2025-03-26.
{
"mcpServers": {
"patttterns": {
"url": "https://patttterns.com/mcp"
}
}
}After connecting: initialize → tools/list → tools/call.
Available tools
| Tool | Description |
|---|---|
| search_patterns | Keyword search; optional limit (max 50) |
| get_pattern | One pattern by URL slug |
| list_categories | Categories with URLs and pattern counts |
Results include hasGeneratedComponent when a pattern has exportable React code on the site. Code itself requires login on patttterns.com — it is not returned via public MCP.
Example: search
POST https://patttterns.com/mcp
Content-Type: application/json
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/call",
"params": {
"name": "search_patterns",
"arguments": { "query": "onboarding", "limit": 5 }
}
}Parse result.content[0].text as JSON for pattern titles, descriptions, URLs, and slugs.
Machine discovery
Agents can auto-discover the server without this page:
- MCP catalog — /.well-known/mcp/catalog.json
- Server card — /mcp/server-card
- LLM manifest — /llms.txt
- Agent skills — /.well-known/agent-skills/
Coming later: authenticated MCP for saving patterns to your library and accessing exportable component code. See our about page for product updates.