MCP server

Tangent Official

directory.tangent/tangent

Checked 26 Oct 2026, 08:29 UTC · Connected to it and listed its tools

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

Website

At a glance

Type

MCP server

Publisher

tangent.directory (verified by the MCP Registry)

Status

Working at last check

Tools

10

Token cost

About 2,743 tokens per request

Sets up in

Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok

Last checked

26 Oct 2026, 08:29 UTC

Connect it to your agent

Add to CursorAdd to VS CodeVS Code Insiders

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

claude mcp add --transport http tangent https://tangent.directory/api/mcp

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

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

Gemini CLI

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

Cursor

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

VS Code

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

Antigravity

agy mcp add tangent https://tangent.directory/api/mcp

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"tangent","server_url":"https://tangent.directory/api/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"tangent","server_url":"https://tangent.directory/api/mcp"}

Tools

• browse_vertical Browses the web · ~456 tokens
  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_inspiration ~333 tokens
  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
• get_pattern ~185 tokens
  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_person ~204 tokens
  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_resource ~212 tokens
  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_patterns ~94 tokens
  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_people ~288 tokens
  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_resources ~138 tokens
  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_people ~304 tokens
  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_resources ~529 tokens
  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

• Stripe tools
• Website screenshots
• Project management
• Payments

Related MCP servers

• Agent Workspace Practice
  Search + patterns, maturity assessment, context pricing, redaction checks - a practice as tools.
• Cloud FinOps Skill & MCP
  Cloud cost + FinOps knowledge for AI agents: AWS/Azure/GCP optimisation, AI spend, waste playbooks.
• Agentdevx
  Give your AI hands. Identity, credential vault, and API gateway for autonomous agents.
• UnicodeKit
  Find Unicode characters by name, codepoint, or meaning, and get their HTML, CSS, and UTF codes.
• Handsome Local
  Search hand-picked websites for plumbers, electricians, roofers and other trades, with screenshots.
• AdCritter for Builders
  AdCritter ads platform: docs, API reference, app scaffolding, and white-label integration.
• SVG Lab
  SVG Lab MCP: the Design Engine for AI. App screens, icons, illustrations and charts as SVG.
• Sleek
  Design your mobile app UI with AI, then have your coding agent build the real app from it.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/directory.tangent/tangent.svg)](https://aptlynx.net/servers/directory.tangent/tangent)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents