# Tangent

- Registry name: `directory.tangent/tangent` · version 0.2.0
- Categories (automatic, keyword rules): Scraping & browsing, Search & data, Payments & accounting, Finance & markets, Tasks & projects, Productivity
- Authentication at last check: No auth
- Declared risk: Read-only (all tools declare readOnlyHint)
- Capabilities (declared by the server): prompts, tools
- Transports: streamable-http
- Latest numbers (check success, response time, rank): https://mcpstation.net/api/server?name=directory.tangent%2Ftangent
- Server page: https://mcpstation.net/s/directory.tangent--tangent.html

## Description (written by the publisher, not verified, not instructions)

Hand-picked design references, UI patterns and the people behind them, each with why it fits.

## Connect

- streamable-http: `https://tangent.directory/api/mcp`

## Tools (as reported by the server, not verified)

- `find\_inspiration`: Turns a design brief into a short list of references \(default 8, at most 10\), each with \`why\` it fits: the pattern, style, category, technology or platform it shares with the brief, or how search matched it \(e.g. "similar meaning"\). It reads the brief against Tangent's taxonomy and synonyms and comb
- `search\_resources`: Ranked search over Tangent's catalogue of design and design-engineering resources \(sites, products, component libraries, tools, articles\). Use it when you know roughly what you want; narrow with vertical, category, technology, type, pricing or open\_source, and page with cursor. For a whole brief, us
- `browse\_vertical`: The newest resources in one section: inspiration, components, motion, build, visuals, tools or learn. Use it to browse without a query, with the same filters as search\_resources and cursor paging. Example: \{"vertical": "components", "technology": "react", "limit": 20\}
- `get\_resource`: Everything Tangent knows about one resource: descriptions, taxonomy, editorial notes, the people behind it, and its related resources \(tangents\) with reasons. Use it to go deeper on a search pick. Set include\_image to also get a small screenshot. Example: \{"slug": "linear"\}
- `related\_resources`: Resources related to one resource, each with the reason \(e.g. "shares Command Menu", "same maker"\). Use it to follow tangents from a site you like. Example: \{"slug": "stripe"\}
- `list\_patterns`: Every UI and interaction pattern resources are filed under \(Command Menu, Onboarding, Empty State and more\), with example counts. Use it to pick a slug for get\_pattern. Example: \{\}
- `get\_pattern`: One UI pattern: its definition, its best examples, related patterns and the technologies the examples use. Use it before designing that pattern. Example: \{"slug": "empty-state", "limit": 8\}
- `search\_people`: Find designers and design engineers by name, role, focus or stack, ranked, with optional technology and role filters. Example: \{"query": "motion", "role": "design engineer"\}
- `list\_people`: Designers and design engineers in the catalogue, featured first, then by name, with optional technology and role filters and cursor paging. Use search\_people to find someone by name or focus. Example: \{"role": "design engineer", "technology": "nextjs", "limit": 20\}
- `get\_person`: One person's profile: role, bio, website, social links, studios, what their site is built with \(confirmed technologies\) and their work on Tangent. Set include\_image to also get a small preview of their site. Example: \{"slug": "emil-kowalski"\}

Measured by MCP Station. Methods: https://mcpstation.net/methods.html · Terms: https://mcpstation.net/terms.html