INDIVIDUAL MCP TOOL

list_patterns

Every UI and interaction pattern resources are filed under (Command Menu, Onboarding, Empty State and more), with example counts.

tangent.directorynone authenticationAvailability not checked

LIVE ENDPOINT

https://tangent.directory/api/mcp

No auth detected

Connect to this endpoint to inspect the live schema for list_patterns and invoke it with your own arguments.

{}

Potential side effects detected · medium confidence · heuristic, not a guarantee.

CONNECT WITH APPROVAL

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.tangent]
url = "https://tangent.directory/api/mcp"
enabled = true

Claude Code

.mcp.json

{
  "mcpServers": {
    "tangent": {
      "type": "http",
      "url": "https://tangent.directory/api/mcp"
    }
  }
}

Claude Desktop

Settings → Connectors → Add custom connector

Name: tangent
Remote MCP URL: https://tangent.directory/api/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "tangent": {
      "url": "https://tangent.directory/api/mcp"
    }
  }
}

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "tangent": {
      "type": "http",
      "url": "https://tangent.directory/api/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "tangent",
  "transport": "streamable-http",
  "url": "https://tangent.directory/api/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

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.
search_resources — Ranked search over Tangent's catalogue of design and design-engineering resources (sites, products, component libraries, tools, articles).
browse_vertical — The newest resources in one section: inspiration, components, motion, build, visuals, tools or learn.
get_resource — Everything Tangent knows about one resource: descriptions, taxonomy, editorial notes, the people behind it, and its related resources (tangents) with reasons.
related_resources — Resources related to one resource, each with the reason (e.g.
get_pattern — One UI pattern: its definition, its best examples, related patterns and the technologies the examples use.
search_people — Find designers and design engineers by name, role, focus or stack, ranked, with optional technology and role filters.
list_people — Designers and design engineers in the catalogue, featured first, then by name, with optional technology and role filters and cursor paging.