Tangent
directory.tangent/tangentVersion 0.2.0Hand-picked design references, UI patterns and the people behind them, each with why it fits.
Status
Responds171 msAnswered our handshake without sign-in.- Last checked
- Nov 14, 2026, 14:29 UTC
- Latency
- 171 ms
- Remotes responding
- 1 of 1
- Sign-in
- No sign-in
- Hosting
- Hosted outside the EU (detected)
- Registry data as of
- Nov 14, 2026, 22:14 UTC
Data from the official MCP Registry, checked by run.zero. How we check
Connect
Streamable HTTP
https://tangent.directory/api/mcpResponds171 msNo sign-in
Claude Code
claude mcp add --transport http tangent https://tangent.directory/api/mcpClaude Desktop and claude.ai
Settings > Connectors > Add custom connector
Name: tangent
Remote MCP server URL: https://tangent.directory/api/mcpCursor
{
"mcpServers": {
"tangent": {
"url": "https://tangent.directory/api/mcp"
}
}
}VS Code
code --add-mcp '{"name":"tangent","type":"http","url":"https://tangent.directory/api/mcp"}'Built your own server? run.zero hosts MCP servers on European infrastructure.
Tools
10 tools
Read-only | Idempotent | Open world | ||
|---|---|---|---|---|
browse_verticalThe 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} | No | Yes | Yes | No |
find_inspirationTurns 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"} | No | Yes | Yes | No |
get_patternOne 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} | No | Yes | Yes | No |
get_personOne 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"} | No | Yes | Yes | No |
get_resourceEverything 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"} | No | Yes | Yes | No |
list_patternsEvery 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: {} | No | Yes | Yes | No |
list_peopleDesigners 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} | No | Yes | Yes | No |
related_resourcesResources 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"} | No | Yes | Yes | No |
search_peopleFind designers and design engineers by name, role, focus or stack, ranked, with optional technology and role filters. Example: {"query": "motion", "role": "design engineer"} | No | Yes | Yes | No |
search_resourcesRanked 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} | No | Yes | Yes | No |
Details
- Registry status
- Active
- Published
- Oct 5, 2026
- Updated
- Oct 5, 2026
- Repository
- Not given
- Categories (suggested)
- Design and mediaSuggested categories are assigned automatically from the registry text and may be wrong. Verified operators can correct them.
- GDPR
- Not declared