Search / directory.tangent/tangent
protogridR0· no sign-inHand-picked design references, UI patterns and the people behind them, each with why it fits.
v0.2.0 · active · website · descriptor JSON · versions
{
"mcpServers": {
"tangent": {
"type": "http",
"url": "https://tangent.directory/api/mcp"
}
}
}claude mcp add --transport http tangent https://tangent.directory/api/mcp[mcp_servers.tangent]
url = "https://tangent.directory/api/mcp"
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"tangent": {
"type": "remote",
"url": "https://tangent.directory/api/mcp",
"enabled": true
}
}
}{
"mcpServers": {
"tangent": {
"type": "http",
"url": "https://tangent.directory/api/mcp"
}
},
"deeplink": "cursor://anysphere.cursor-deeplink/mcp/install?name=tangent&config=eyJ0eXBlIjoiaHR0cCIsInVybCI6Imh0dHBzOi8vdGFuZ2VudC5kaXJlY3RvcnkvYXBpL21jcCJ9"
}{
"servers": {
"tangent": {
"type": "http",
"url": "https://tangent.directory/api/mcp"
}
}
}{
"mcpServers": {
"tangent": {
"httpUrl": "https://tangent.directory/api/mcp"
}
}
}extensions:
"tangent":
enabled: true
name: "tangent"
type: streamable_http
uri: "https://tangent.directory/api/mcp"
timeout: 300
protocol.modernsupports 2026-07-28 (server/discover)protocol.statelessanswers without a sessionprotocol.transportstreamable HTTPprotocol.list_ttltools/list declares ttlMs 0, so clients re-fetch it on every useauth.prm, auth.as_metadata, auth.cimdno remote uses OAuthauth.secret_in_urlno templated URLtools.descriptionsevery tool has a descriptiontools.description_lengthdescriptions are concisetools.schemasevery tool has an object input schematools.annotations10 of 10 tools declare readOnlyHint or destructiveHinttools.directory_hintsevery tool declares readOnlyHint, destructiveHint, idempotentHint and openWorldHinttools.token_costabout 2,492 tokens to load every tooltools.api_dumptools are not a one-to-one API dumpstability.changesno tool changes in 30 daysstability.rug_pullno tool changed its meaning under the same namedeps.known_vulns, deps.mcp_sdk_version, deps.resolvableno npm or PyPI packageNo tool definition changes recorded. A server's first observation is its baseline; later probes record what changes.
Checks run on what our credential-free, read-only probes observe; tools are never called and no code audit is performed. How it is computed.
+dns-namespace +website +reachable +uptime-100% +updated-15d-ago -no-repository
Derived from observable signals (official registry feed and our own credential-free probes); no code audit performed. How it is computed.
| remote | auth | reachable | uptime 30d | p50 | protocol | last ok |
|---|---|---|---|---|---|---|
https://tangent.directory/api/mcp streamable-http | none | yes | 100% | 487 ms | 2026-07-28 | 2026-10-20 |
browse_verticalread-only | 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} |
find_inspirationread-only | 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 combines that with search; no AI calls. Use it when someone describes a screen or product they are about to design. `interpreted_as` shows how the brief was read. Example: {"brief": "onboarding for a fintech app, playful but clean", "platform": "mobile"} |
get_patternread-only | 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} |
get_personread-only | 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"} |
get_resourceread-only | 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"} |
list_patternsread-only | 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: {} |
list_peopleread-only | 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} |
related_resourcesread-only | 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"} |
search_peopleread-only | Find designers and design engineers by name, role, focus or stack, ranked, with optional technology and role filters. Example: {"query": "motion", "role": "design engineer"} |
search_resourcesread-only | 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, use find_inspiration. Example: {"query": "command menu", "technology": "react", "limit": 5} |
Schemas: list_tools.
{
"name": "directory.tangent/tangent",
"icons": [
{
"src": "https://tangent.directory/icons/icon-512.png",
"sizes": [
"512x512"
],
"mimeType": "image/png"
}
],
"title": "Tangent",
"$schema": "https://static.modelcontextprotocol.io/schemas/2025-12-11/server.schema.json",
"remotes": [
{
"url": "https://tangent.directory/api/mcp",
"type": "streamable-http"
}
],
"version": "0.2.0",
"websiteUrl": "https://tangent.directory/mcp",
"description": "Hand-picked design references, UI patterns and the people behind them, each with why it fits."
}