tathadn/claude-connectors-hub
Claude MCP Connectors Hub — React dashboard that connects Claude AI to Gmail & Google Calendar via Model Context Protocol. Features OAuth 2.0 PKCE auth, natural language queries, and live MCP tool use with real-time response parsing.
Platform-specific configuration:
{
"mcpServers": {
"claude-connectors-hub": {
"command": "npx",
"args": [
"-y",
"claude-connectors-hub"
]
}
}
}Add the config above to .claude/settings.json under the mcpServers key.
A productivity dashboard that connects Claude AI to your Gmail and Google Calendar via MCP (Model Context Protocol) — type natural language queries and Claude fetches real data from your accounts.
> Asking "how many mails did I receive today?" — Claude calls the Gmail MCP server and returns a live breakdown: 59 emails across promotional, newsletters, social, and important categories. Calendar events and email previews populate the right sidebar automatically.
---
This project is built to showcase real-world usage of Claude's API with MCP Connector support — a beta feature that lets Claude call external services (Gmail, Google Calendar) directly via hosted MCP servers.
| Skill | Implementation | |---|---| | Claude API + MCP Connectors | mcp_servers + mcp_toolset in /v1/messages with anthropic-beta: mcp-client-2025-11-20 | | OAuth 2.0 PKCE | Full browser-based auth flow with dynamic client registration, no backend required | | MCP Response Parsing | Filtering mcp_tool_use / mcp_tool_result blocks by type, never by index | | Multi-turn Conversations | Conversation history management across API calls | | Custom React Hooks | useClaude, useOAuth — clean separation of API and auth logic | | Popup-based OAuth | window.postMessage bridge between popup and parent window |
---
This is the core integration. Claude recei
Loading reviews...