MCP 服务器

Binal Digital Twin MCP Server

Enables users to search and interact with Binal's professional knowledge base through Claude Desktop using RAG technology. Users can ask natural language questions about Binal's technical skills, education, projects, and experience.

README

🤖 Binal Digital Twin MCP Server

A powerful Model Context Protocol (MCP) server that brings Binal's professional knowledge base directly to Claude Desktop using advanced RAG (Retrieval-Augmented Generation) technology. Built with Next.js, Upstash Vector, and the MCP Handler library with server actions for seamless web testing.

✨ Features

🔍 RAG-Powered Search: Advanced semantic search through Binal's professional knowledge base
🌐 Beautiful Web Interface: Modern, responsive UI with detailed setup instructions and testing
🔄 Server Actions Integration: Web interface uses the same logic as the MCP server
🎯 Intelligent Results: Relevance scoring and contextual ranking of search results
📋 Copy-to-Clipboard: Easy configuration copying for Claude Desktop setup
🔧 Multiple Transports: Supports SSE, stdio, and other MCP transport protocols
🚀 Vercel Ready: Optimized for deployment on Vercel platform
📱 Responsive Design: Works perfectly on desktop and mobile devices
🧠 Educational: Detailed explanations of RAG and MCP protocol architecture

🖥️ Live Demo

Visit the live application: [Your Vercel URL here]

🚀 Quick Start

1. Clone and Install

git clone https://github.com/binal182/binalmcp.git
cd binalmcp
pnpm install

2. Set up Upstash Vector Database

Create an account at Upstash
Create a new Vector database
Copy your REST URL and Token
Create .env.local file:

UPSTASH_VECTOR_REST_URL=your_upstash_vector_rest_url_here
UPSTASH_VECTOR_REST_TOKEN=your_upstash_vector_rest_token_here

3. Start Development Server

pnpm run dev

The application will be available at:

Web Interface: http://localhost:3000 (setup instructions, documentation, and testing)
MCP Endpoint: http://localhost:3000/api/[transport] (for Claude Desktop)

🤖 Setting Up with Claude Desktop

The web interface at http://localhost:3000 provides detailed, step-by-step instructions with copy-to-clipboard functionality. Here's the quick version:

1. Install Claude Desktop

Download from claude.ai/download

2. Configure MCP Connection

Add this to your Claude Desktop config file:

Windows: %APPDATA%\Claude\claude_desktop_config.json
macOS: ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "binal-digital-twin": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "http://localhost:3000/api/mcp"
      ]
    }
  }
}

3. Restart Claude Desktop

Look for the hammer icon (🔨) in the input box - this indicates MCP tools are available!

4. Start Asking Questions!

Ask Claude natural language questions like:

"What programming languages does Binal know?"
"Tell me about Binal's education background"
"What AI/ML projects has Binal worked on?"
"What is Binal's experience with vector databases?"

🏗️ How It Works

This application uses mcp-handler and Upstash Vector to provide seamless RAG-powered search integration between web applications and AI assistants like Claude Desktop.

Architecture

Claude Desktop → Transport Protocol → /api/[transport] → Shared RAG Logic (/lib/rag-search.ts)
Web Interface → Server Actions → Shared RAG Logic (/lib/rag-search.ts)
                                      ↓
                               Upstash Vector Database

Claude Desktop connects via various transport protocols (SSE, stdio, etc.)
Transport Layer handles the MCP protocol communication
MCP Handler processes tool calls and invokes shared RAG search logic
RAG Search (/lib/rag-search.ts) contains vector search and result formatting
Upstash Vector provides semantic search capabilities with embeddings
Server Actions (for web) call the same shared RAG logic directly

Key Components

lib/rag-search.ts: Shared RAG search logic, schema, and tool definitions
app/api/[transport]/route.ts: MCP server endpoint using mcp-handler + shared logic
app/actions/mcp-actions.ts: Server actions that use the shared RAG search logic
app/page.tsx: Beautiful web interface with setup instructions and testing
components/: Reusable shadcn/ui components for the interface
data/: Sample data structure and population guidelines

Web Interface Benefits

The web interface uses Next.js Server Actions that import the same shared logic as the MCP server:

✅ Same Zod schema validation (lib/rag-search.ts)
✅ Identical search algorithm (single searchBinalKnowledge() function)
✅ Consistent output formatting (same result structure)
✅ Shared tool definitions (same name, description, schema)
✅ True single source of truth architecture
MCP Tools: search_binal_knowledge tool with Zod validation for parameters

🚀 Deployment to Vercel

Option 1: Deploy Button (Recommended)

Option 2: Manual Deployment

Connect to Vercel:
```
pnpm i -g vercel
vercel
```
Add Environment Variables: In your Vercel dashboard, add:
- UPSTASH_VECTOR_REST_URL
- UPSTASH_VECTOR_REST_TOKEN

Update Claude Desktop Config: Replace http://localhost:3000 with your Vercel URL:

{
  "mcpServers": {
    "binal-digital-twin": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://your-app.vercel.app/api/mcp"
      ]
    }
  }
}

Restart Claude Desktop to use the deployed version

🛠️ Technology Stack

Framework: Next.js 15 with App Router
UI Library: shadcn/ui components
Styling: Tailwind CSS with CSS variables
Vector Database: Upstash Vector for RAG search
MCP Integration: mcp-handler for HTTP-based MCP protocol
MCP Bridge: mcp-remote for Claude Desktop connectivity
Validation: Zod for type-safe parameter validation
Icons: Lucide React for beautiful icons
Deployment: Vercel platform

🎯 Use Cases

🎤 Technical Interviews: Learn about Binal's technical expertise and experience
🤝 Project Collaboration: Understand Binal's skills for team projects
🌐 Professional Networking: Get to know Binal's background and interests
📊 Skill Assessment: Evaluate technical competencies and experience levels
🤖 AI-Powered CV: Interactive resume experience via Claude Desktop
🎓 Educational Tool: Demonstrate RAG and vector search technologies