Sponsored by Deepsite.site

LLM/MCP Personal Assistant

Created By
mikefey7 months ago
A personal assistant chat app that uses an MCP server
Content

LLM/MCP Personal Assistant

A personal assistant application built using the Model Context Protocol (MCP) that enables sophisticated interactions between AI models and external tools/resources. Currently uses the Anthropic API and supports Wikipedia search and GitHub search, but is easily extendable.

Overview

This application is a personal assistant that leverages the Model Context Protocol to provide enhanced AI capabilities. It consists of three main components:

  1. Client: A React-based web interface that provides the user interface for interacting with the assistant
  2. API Server: An Express.js backend that handles client requests and manages the communication between components
  3. MCP Server: Implements the Model Context Protocol to facilitate communication between AI models and external tools/resources

LLM-MCP Personal Assistant Screenshot

Features

  • Modern React-based web interface
  • RESTful API for handling client requests
  • MCP server implementation for AI model integration
  • Support for sophisticated AI interactions and tool usage
  • Current tool support:
    • Wikipedia search
    • GitHub search
  • Extendable architecture for adding new tools and capabilities

Note: This is a work in progress. While currently supporting Wikipedia and GitHub search capabilities, the architecture is designed to be easily extended with additional tools and features.

Prerequisites

  • Node.js (v14 or higher)
  • pnpm package manager (v10.9.0 or higher)

Installation

  1. Clone this repository:
git clone https://github.com/mikefey/LLM-MCP-personal-assistant.git
cd LLM-MCP-personal-assistant
  1. Install dependencies:
pnpm install
  1. Create a .env file in the root directory with the following variables:
ANTHROPIC_API_KEY=your_anthropic_api_key_here
VITE_API_PORT=3001
VITE_API_HOST=localhost

Replace your_anthropic_api_key_here with your actual Anthropic API key. The default port and host values can be adjusted if needed.

Usage

  1. Start the development server:
pnpm dev

This command will:

  • Build the MCP server
  • Start the API server
  • Launch the Vite development server for the client

Architecture

Client

The client is a React application built with Vite that provides the user interface for interacting with the personal assistant.

API Server

The API server is built with Express.js and handles:

  • Client requests
  • Communication with the MCP server
  • Session management
  • Data persistence

MCP Server

The MCP server implements the Model Context Protocol specification, enabling:

  • Communication with AI models
  • Tool integration
  • Context management
  • Resource access

License

This project is licensed under the ISC License.

Acknowledgments

Recommend Servers
TraeBuild with Free GPT-4.1 & Claude 3.7. Fully MCP-Ready.
TimeA Model Context Protocol server that provides time and timezone conversion capabilities. This server enables LLMs to get current time information and perform timezone conversions using IANA timezone names, with automatic system timezone detection.
Context7Context7 MCP Server -- Up-to-date code documentation for LLMs and AI code editors
DeepChatYour AI Partner on Desktop
EdgeOne Pages MCPAn MCP service designed for deploying HTML content to EdgeOne Pages and obtaining an accessible public URL.
Serper MCP ServerA Serper MCP Server
ChatWiseThe second fastest AI chatbot™
WindsurfThe new purpose-built IDE to harness magic
CursorThe AI Code Editor
Playwright McpPlaywright MCP server
Howtocook Mcp基于Anduin2017 / HowToCook (程序员在家做饭指南)的mcp server,帮你推荐菜谱、规划膳食,解决“今天吃什么“的世纪难题; Based on Anduin2017/HowToCook (Programmer's Guide to Cooking at Home), MCP Server helps you recommend recipes, plan meals, and solve the century old problem of "what to eat today"
Tavily Mcp
Visual Studio Code - Open Source ("Code - OSS")Visual Studio Code
Jina AI MCP ToolsA Model Context Protocol (MCP) server that integrates with Jina AI Search Foundation APIs.
Amap Maps高德地图官方 MCP Server
Baidu Map百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。
AiimagemultistyleA Model Context Protocol (MCP) server for image generation and manipulation using fal.ai's Stable Diffusion model.
BlenderBlenderMCP connects Blender to Claude AI through the Model Context Protocol (MCP), allowing Claude to directly interact with and control Blender. This integration enables prompt assisted 3D modeling, scene creation, and manipulation.
Zhipu Web SearchZhipu Web Search MCP Server is a search engine specifically designed for large models. It integrates four search engines, allowing users to flexibly compare and switch between them. Building upon the web crawling and ranking capabilities of traditional search engines, it enhances intent recognition capabilities, returning results more suitable for large model processing (such as webpage titles, URLs, summaries, site names, site icons, etc.). This helps AI applications achieve "dynamic knowledge acquisition" and "precise scenario adaptation" capabilities.
MCP AdvisorMCP Advisor & Installation - Use the right MCP server for your needs
MiniMax MCPOfficial MiniMax Model Context Protocol (MCP) server that enables interaction with powerful Text to Speech, image generation and video generation APIs.