What is Multimodal Mcp Client

The multimodal-mcp-client is a modern voice-controlled AI interface that utilizes Google Gemini and the Model Control Protocol (MCP) to facilitate agentic workflows through natural speech and multimodal inputs.

Use cases

Use cases include creating voice-activated applications, enhancing user interaction in customer support systems, developing educational tools that respond to voice commands, and integrating AI into smart home devices.

How to use

To use the multimodal-mcp-client, install the application and configure your MCP server settings in a local file named ‘mcp.config.custom.json’. You can connect to both custom and Systemprompt MCP servers, with the latter requiring an API key for access.

Key features

Key features include voice control capabilities, support for multimodal inputs, compatibility with various operating systems (Linux, Windows, MacOS), and the ability to connect to both custom and Systemprompt MCP servers.

Where to use

The multimodal-mcp-client can be used in various fields such as customer service, personal assistants, educational tools, and any application requiring interactive AI workflows powered by voice commands.

Systemprompt Multimodal MCP Client

A modern voice-controlled AI interface powered by Google Gemini and Anthropic MCP (Model Control Protocol). Transform how you interact with AI through natural speech and multimodal inputs.

⚠️ Important Note: This open source project is currently in development and in early access. It is not currently compatible with Safari but has been tested on Chrome with Linux, Windows, and MacOS. If you have any problems, please let us know on Discord or GitHub.

If you find this project useful, please consider:

• ⭐ Starring it on GitHub
• 🔄 Sharing it with others
• 💬 Joining our Discord community

🌟 Overview

A modern Vite + TypeScript application that enables voice-controlled AI workflows through MCP (Model Control Protocol). This project revolutionizes how you interact with AI systems by combining Google Gemini’s multimodal capabilities with MCP’s extensible tooling system.

The Client supports both custom (user provided and configured) and Systemprompt MCP servers. Systemprompt MCP servers can be installed through the UX with a Systemprompt API key (free).

Custom MCP servers are not pre-configured and require a custom configuration file.

Create a local file mcp.config.custom.json in the config directory and add your MCP server configuration.

{
  "mcpServers": {
    "my-custom-server": {
      "id": "my-custom-server",
      "env": {
        "xxx": "xxx"
      },
      "command": "node",
      "args": [
        "/my-custom-server/build/index.js"
      ]
    }
  }
}

🎯 Why Systemprompt MCP?

Transform your AI interactions with a powerful voice-first interface that combines:

Perfect for: Developers building voice-controlled AI applications and looking for innovative ways to use multimodal AI.

✨ Core Features

🎙️ Voice & Multimodal Intelligence

• Natural Voice Control: Speak naturally to control AI workflows and execute commands
• Multimodal Understanding: Process text, voice, and visual inputs simultaneously
• Real-time Voice Synthesis: Get instant audio responses from your AI interactions

🔄 AI Workflow Orchestration

• Extensible Tool System: Add custom tools and workflows through MCP
• Workflow Automation: Chain multiple AI operations with voice commands
• State Management: Robust handling of complex, multi-step AI interactions

💻 Developer Experience

• Modern Tech Stack: Built with Vite, React, TypeScript, and NextUI
• Type Safety: Full TypeScript support with comprehensive type definitions
• Hot Module Replacement: Fast development with instant feedback
• Comprehensive Testing: Built-in testing infrastructure with high coverage

🚀 Getting Started

Prerequisites

• Node.js 16.x or higher
• npm 7.x or higher
• A modern browser with Web Speech API support

Quick Start

1. Clone the repository

   git clone https://github.com/Ejb503/multimodal-mcp-client.git
   cd multimodal-mcp-client
   

2. Install dependencies

   npm install
   cd proxy
   npm install
   

3. Configure the application

   # Navigate to config directory
   cd config
   
   # Create local configuration files
   cp mcp.config.example.json mcp.config.custom.json
   

   Required API Keys:

   • Google AI Studio - Gemini API key
   • systemprompt.io/console - Systemprompt API key

   Add keys to .env (see .env.example for reference). note that the VITE_ prefix is required to share the keys with the MCP server and client.

4. Start development server

   npm run dev
   

   Access the development server at http://localhost:5173

🤝 Support & Community

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🔮 Future Development

We’re actively working on expanding the capabilities of Systemprompt MCP Client with exciting new features and extensions. Stay tuned for updates!