MCP ExplorerExplorer

Mcp Server Ai Interaction

@KhaiHuynhVNon 10 days ago
9ย MIT
FreeCommunity
AI Systems
MCP Server is an AI interaction tool with advanced UI, multi-language support, and powerful features.

Overview

What is Mcp Server Ai Interaction

MCP-Server_AI-interaction is a modern AI interaction tool designed to facilitate advanced communication with AI models using the Model Context Protocol (MCP).

Use cases

Use cases include developing AI-driven applications, enhancing user interaction with AI models, and integrating AI capabilities into existing software solutions.

How to use

To use MCP-Server_AI-interaction, clone the repository from GitHub, install Python 3.8 or higher, install the required dependencies, and configure the MCP server in the Claude Desktop application.

Key features

Key features include an interactive UI popup for content input, file/folder attachment support, multi-language support (English/Vietnamese), maximum cognitive power activation, tag-based output format, and workspace-aware path processing.

Where to use

MCP-Server_AI-interaction can be used in various fields such as software development, AI research, and any domain requiring interactive AI communication and model integration.

Content

AI Interaction Tool - MCP Server

Modern AI interaction tool with advanced UI and powerful features for Model Context Protocol (MCP)

๐Ÿš€ Core Features

๐ŸŽฏ Main Capabilities

  • Interactive UI Popup for content input and conversation control
  • File/Folder Attachment from workspace with validation and preview
  • ๐Ÿ–ผ๏ธ Image Attachment System with drag & drop, multi-image support
  • Multi-language Support (English/Vietnamese)
  • Maximum Cognitive Power activation for peak AI performance
  • Tag-based Output Format integrated with system prompt rules
  • Workspace-aware Path Processing for cross-project compatibility

๐Ÿ”ง New in v2.2.0 (Latest)

  • ๐Ÿ–ผ๏ธ Image Attachment Support with drag & drop functionality
  • ๐Ÿ›ก๏ธ Security Enhanced - secure path storage in user_images directory
  • ๐Ÿ’พ Persistent Image State - checkbox state saves correctly
  • ๐ŸŽฏ Multi-image Management - attach, preview, and remove multiple images
  • ๐Ÿ”„ Database Auto-cleanup - automatic image cleanup when disabled

๐Ÿ”ง Previous v2.1.0

  • Enhanced UI/UX with modern PyQt5 interface
  • Structured Tag-based Output for perfect AI agent integration
  • Debounce Configuration with smart auto-save mechanisms
  • Cursor IDE Integration with comprehensive setup guide

๐Ÿ“‹ Installation & Setup Guide

๐Ÿ“ฅ Step 1: Clone Repository

git clone https://github.com/your-username/AI-interaction.git
cd AI-interaction

๐Ÿ Step 2: Install Python

  • Requirement: Python 3.8+
  • Download from python.org
  • Or use package manager:
    # Windows with Chocolatey
    choco install python
    
    # macOS with Homebrew
    brew install python
    
    # Ubuntu/Debian
    sudo apt update && sudo apt install python3 python3-pip
    

๐Ÿ“ฆ Step 3: Install Dependencies

# Using pip
pip install -r requirements.txt

# Or using uv (recommended for performance)
pip install uv
uv pip install -r requirements.txt

โš™๏ธ Step 4: Configure MCP Server in Claude Desktop

Add the following configuration to Claude Desktop config file:

Config file paths:

  • Windows: %APPDATA%\Claude\claude_desktop_config.json
  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Linux: ~/.config/claude/claude_desktop_config.json

Configuration content:

{
  "mcpServers": {
    "AI_interaction": {
      "command": "python",
      "args": [
        "E:/MCP-servers-github/AI-interaction/mcp_server.py"
      ],
      "stdio": true,
      "enabled": true
    }
  }
}

โš ๏ธ Important: Replace E:/MCP-servers-github/AI-interaction/mcp_server.py with the absolute path to mcp_server.py on your system.

๐Ÿง  Step 5: Configure AI Agent Rules (REQUIRED)

For proper AI agent operation with ai_interaction tool, you MUST setup custom instructions:

๐Ÿ“‹ How to Add Custom Instructions:

  1. Open Claude Desktop or access Claude web interface
  2. Find โ€œCustom Instructionsโ€ or โ€œAdd custom instructionsโ€ in settings
  3. Copy entire content from one of the rule files:
    • ๐Ÿ‡ป๐Ÿ‡ณ Vietnamese: rule_for_ai_VI.txt
    • ๐Ÿ‡บ๐Ÿ‡ธ English: rule_for_ai_EN.txt
  4. Paste into custom instructions field and save

๐ŸŽฏ Why This is Necessary:

  • โœ… Behavioral Framework: Rules define how AI agent processes ai_interaction output
  • โœ… Thinking Protocols: Activates high-level thinking patterns for quality responses
  • โœ… Ultra-Enhancement Modes: 10 cognitive modes for maximum performance
  • โœ… Tag Processing: Reads and processes control tags like <AI_INTERACTION_CONTINUE_CHAT>
  • โœ… Continue Logic: Auto-recall ai_interaction when continue_chat=true

๐Ÿ“ Rule Files Location:

AI-interaction/
โ”œโ”€โ”€ rule_for_ai_VI.txt    # Vietnamese rules 
โ”œโ”€โ”€ rule_for_ai_EN.txt    # English rules
โ””โ”€โ”€ ...

โšก Quick Setup Commands:

# View Vietnamese rules content
cat rule_for_ai_VI.txt

# View English rules content  
cat rule_for_ai_EN.txt

# Copy to clipboard (Windows)
type rule_for_ai_VI.txt | clip

# Copy to clipboard (macOS)
cat rule_for_ai_VI.txt | pbcopy

# Copy to clipboard (Linux)
cat rule_for_ai_VI.txt | xclip -selection clipboard

๐Ÿš€ Step 6: Configure Cursor IDE (Recommended)

Cursor is the recommended IDE for AI development with this tool:

๐Ÿ“‹ Cursor Setup Steps:

  1. Download Cursor: https://cursor.sh/
  2. Install and open workspace: Open AI-interaction folder
  3. Configure MCP in Cursor:
    • Open Command Palette (Cmd/Ctrl + Shift + P)
    • Search โ€œConfigure MCP Serversโ€
    • Add AI_interaction server config
  4. Setup custom instructions:
    • Copy content from rule_for_ai_VI.txt or rule_for_ai_EN.txt
    • Paste into โ€œCustom Instructionsโ€ field in custom mode Agent:
      image
      image
      image

๐ŸŽฏ Cursor Advantages:

  • โœ… Native MCP Support: Built-in integration with MCP servers
  • โœ… AI-First IDE: Optimized for AI development workflows
  • โœ… Real-time Suggestions: Context-aware code completion
  • โœ… Advanced Debugging: Enhanced debugging for MCP tools
  • โœ… Performance: Faster than traditional IDEs for AI projects

๐Ÿš€ Step 7: Launch and Test

  1. Restart Claude Desktop/Cursor after configuring MCP server
  2. Test connection by calling ai_interaction tool
  3. Test UI popup to verify functionality
  4. Validate rule integration through AI agent responses

๐Ÿ“ฆ Package Structure

AI-interaction/
โ”œโ”€โ”€ ai_interaction_tool/       # Main interaction tool package
โ”‚   โ”œโ”€โ”€ core/                 # Core dialog and configuration
โ”‚   โ”‚   โ”œโ”€โ”€ dialog.py         # InputDialog with PyQt5 UI
โ”‚   โ”‚   โ””โ”€โ”€ config.py         # Configuration management
โ”‚   โ”œโ”€โ”€ ui/                   # Interface and styling
โ”‚   โ”‚   โ”œโ”€โ”€ file_dialog.py    # File attachment dialogs
โ”‚   โ”‚   โ”œโ”€โ”€ file_tree.py      # File system tree view
โ”‚   โ”‚   โ”œโ”€โ”€ image_attachment.py # ๐Ÿ–ผ๏ธ Image attachment with drag & drop
โ”‚   โ”‚   โ””โ”€โ”€ styles.py         # Modern UI styling
โ”‚   โ”œโ”€โ”€ utils/                # Utilities and multi-language
โ”‚   โ”‚   โ”œโ”€โ”€ translations.py   # Multi-language support
โ”‚   โ”‚   โ””โ”€โ”€ file_utils.py     # File operation utilities
โ”‚   โ”œโ”€โ”€ engine.py             # Main entry point
โ”‚   โ”œโ”€โ”€ description.py        # Detailed tool description
โ”‚   โ””โ”€โ”€ __init__.py           # Package exports
โ”œโ”€โ”€ user_images/              # ๐Ÿ›ก๏ธ Secure image storage directory
โ”œโ”€โ”€ main.py                   # Legacy entry point
โ”œโ”€โ”€ mcp_server.py             # MCP server implementation
โ”œโ”€โ”€ requirements.txt          # Python dependencies
โ”œโ”€โ”€ pyproject.toml           # Project configuration
โ””โ”€โ”€ README.md                # This file

๐ŸŽฎ Usage Guide

Available Tools in MCP Server

1. ai_interaction: Main Interactive Tool

  • Function: Creates UI popup for user input with file/image attachment
  • Output: Structured tag-based format with image support
  • Integration: Perfect integration with system prompt rules
  • Use cases:
    • Input complex content with formatting
    • Attach files/folders from workspace
    • ๐Ÿ–ผ๏ธ Attach images with drag & drop functionality
    • ๐Ÿ“ท Multi-image support with preview and management
    • Control AI thinking modes and reasoning levels

Basic Usage Examples

# Programmatic usage
from ai_interaction_tool import ai_interaction

# Launch interactive interface
result = ai_interaction()
print(result)  # Structured output with tags

๐Ÿ–ผ๏ธ Image Attachment Features

๐Ÿ“ท Core Image Capabilities

  • Drag & Drop Support: Drag images directly into the UI
  • Multi-image Management: Attach, preview, and remove multiple images
  • Format Support: PNG, JPG, JPEG, GIF, BMP, WEBP
  • Secure Storage: Images stored safely in user_images/ directory
  • Base64 Encoding: Automatic conversion for AI processing
  • Preview System: Click images to view larger versions
  • Persistent State: Save images option with checkbox persistence

๐ŸŽฏ How to Use Image Attachment

  1. Attach Button: Click โ€œ๐Ÿ“ท Attach Imagesโ€ to select files
  2. Drag & Drop: Drag images from file explorer directly to UI
  3. Paste Support: Paste images from clipboard (Ctrl+V)
  4. Multiple Images: Attach as many images as needed
  5. Remove Images: Click X button on individual image previews
  6. Clear All: Use โ€œ๐Ÿ—‘๏ธ Clear Imagesโ€ to remove all at once
  7. Save Toggle: Check/uncheck โ€œSave imagesโ€ to control persistence

๐Ÿ›ก๏ธ Security & Privacy

  • Local Only: All images stored locally in user_images/
  • No External Access: No uploads or external connections
  • Relative Paths: Only relative paths stored in config for security
  • User Control: Users control what images to attach and save
  • Auto-cleanup: Images automatically cleaned when save disabled

Output Format

AI Interaction Tool uses clean tag-based format:

User message content with natural line breaks

<AI_INTERACTION_ATTACHED_FILES>
FOLDERS:
- workspace_name/relative/path/to/folder

FILES:
- workspace_name/relative/path/to/file.js
</AI_INTERACTION_ATTACHED_FILES>

<AI_INTERACTION_WORKSPACE>workspace_name</AI_INTERACTION_WORKSPACE>
<AI_INTERACTION_CONTINUE_CHAT>true/false</AI_INTERACTION_CONTINUE_CHAT>

Note: When images are attached, they are automatically converted to base64 format and included in the response for AI processing.

๐Ÿ”ง Troubleshooting

Common Issues

  1. โ€œCommand not foundโ€ error

    • Check Python is installed and in PATH
    • Verify absolute path in MCP config
  2. โ€œModule not foundโ€ error

    • Run pip install -r requirements.txt
    • Check virtual environment if using one
  3. UI not displaying

    • Ensure PyQt5 is installed correctly
    • Check display settings and desktop environment
  4. File attachment not working

    • Verify file permissions and access rights
    • Check workspace path configuration
  5. ๐Ÿ–ผ๏ธ Image attachment issues

    • Ensure PyQt5 is properly installed for image processing
    • Check user_images/ directory permissions
    • Verify image formats: PNG, JPG, JPEG, GIF, BMP, WEBP supported
    • Clear config if images not loading: Remove last_attached_images from config.json
  6. MCP Connection Issues in Cursor

    • Verify MCP server configuration in Cursor settings
    • Check process running with ps aux | grep mcp_server
    • Restart Cursor after config changes

Debug Mode

To debug issues, run server directly:

python mcp_server.py

For Cursor debugging:

# Check MCP server logs in Cursor
# Open Developer Tools โ†’ Console
# Look for MCP connection messages

๐Ÿ”„ Version History

  • v2.2.0 (Latest): ๐Ÿ–ผ๏ธ Image Attachment System - Complete image support with drag & drop, multi-image management, security enhancements, and persistent state
  • v2.1.0: Enhanced UI/UX, Cursor IDE integration, Debounce config system
  • v2.0.0: Refactored architecture with modern PyQt5 UI
  • v1.x: Core functionality and basic features

๐ŸŽฏ v2.2.0 Detailed Changes:

  • โœ… Image Attachment UI: Full drag & drop interface with preview system
  • โœ… Multi-format Support: PNG, JPG, JPEG, GIF, BMP, WEBP compatibility
  • โœ… Security Hardening: Secure path storage, local-only processing
  • โœ… Database Management: Auto-cleanup, persistent storage, state management
  • โœ… UX Improvements: Click-to-enlarge, remove buttons, checkbox persistence
  • โœ… Performance: Optimized image loading with base64 conversion
  • โœ… Bug Fixes: Checkbox state persistence, config loading issues resolved

๐ŸŽฏ Integration Workflow & System Architecture

๐Ÿ”„ Complete Integration Flow:

[User Input] โ†’ [ai_interaction Tool] โ†’ [Tag-based Output] โ†’ [AI Agent Rules] โ†’ [Enhanced Response]
     โ†‘                                                                              โ†“
     โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ [Auto-recall if continue_chat=true] โ†โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

๐Ÿง  Cognitive Enhancement System:

  • Standard Mode: High-level thinking with 1+ thinking blocks
  • Ultra-Enhancement Mode: 10 breakthrough cognitive modes simultaneously
    • Quantum Cognitive Mode
    • Meta-Cognitive Orchestration
    • Expert Persona Simulation
    • Time-Dilated Processing
    • Systems-Level Integration
    • Psychological Priming Mode
    • Maximum Cognitive Resource Allocation
    • Adversarial Self-Testing Mode
    • Obsessive Quality Standards
    • Breakthrough Innovation Mode

๐Ÿ“Š Output Tag System:

<AI_INTERACTION_CONTINUE_CHAT>true/false</AI_INTERACTION_CONTINUE_CHAT>
<AI_INTERACTION_ATTACHED_FILES>
FOLDERS:
- workspace_name/relative/path/folder
FILES:  
- workspace_name/relative/path/file.ext
</AI_INTERACTION_ATTACHED_FILES>
<AI_INTERACTION_WORKSPACE>workspace_name</AI_INTERACTION_WORKSPACE>

๐Ÿ’ก Advanced Features & Best Practices

๐ŸŽจ UI/UX Enhancements:

  • Responsive Design: Adaptive sizing with minimum 800x700 resolution
  • Multi-language Support: Seamless EN/VI switching with persistent config
  • Modern PyQt5 Styling: Semantic color system with button properties
  • File Drag-Drop: Intuitive file attachment with validation
  • Context Menu: Right-click operations for file management
  • Debounce Saving: Smart config persistence with QTimer optimization

๐Ÿ”ง Technical Specifications:

  • Python: 3.8+ required with PyQt5 dependencies
  • Memory: Minimum 512MB RAM for UI components
  • Storage: ~50MB for tool installation and config
  • Platform: Cross-platform (Windows/macOS/Linux) with native styling
  • Performance: Event-driven architecture with minimal CPU usage

๐Ÿ“ˆ Performance Optimization:

  • Lazy Loading: Components load only when needed
  • Efficient Config: JSON-based with automatic compression
  • Resource Management: Proper cleanup and memory management
  • Caching Strategy: Workspace state persistence for faster startup

๐Ÿ›ก๏ธ Security & Privacy

๐Ÿ”’ Security Features:

  • Local Processing: All file operations are local only, no uploads
  • Path Validation: Robust security checks for file access
  • Sandboxed Execution: Tool runs in controlled environment
  • No Data Collection: Zero telemetry or external data transmission

๐Ÿ” Privacy Protection:

  • Config Encryption: Local config with secure storage options
  • File Access Control: User-controlled file attachment permissions
  • Workspace Isolation: Project boundaries are enforced
  • Audit Trail: Optional logging for security monitoring

๐ŸŒŸ System Requirements & Compatibility

๐Ÿ’ป Minimum System Requirements:

OS: Windows 10+ / macOS 10.14+ / Ubuntu 18.04+
Python: 3.8 or higher
RAM: 512MB available
Storage: 100MB free space
Display: 1024x768 minimum resolution

๐ŸŽฏ Recommended Setup:

OS: Windows 11 / macOS 12+ / Ubuntu 20.04+
Python: 3.10+ with virtual environment
RAM: 2GB available  
Storage: 500MB free space
Display: 1920x1080 or higher
GPU: Optional for enhanced UI rendering

๐Ÿ”ง Compatibility Matrix:

Component Version Status Notes
Python 3.8-3.11 โœ… Tested Recommended 3.10+
PyQt5 5.15+ โœ… Required Core UI framework
Claude Desktop Latest โœ… Optimized MCP integration
Cursor IDE Latest ๐Ÿš€ Recommended AI-first development
VS Code Any โœ… Compatible Alternative IDE option

๐Ÿค Contributing

Note: This is a private repository. Only the owner has push access.

For suggestions or issues:

  1. Create detailed issue reports
  2. Provide reproduction steps
  3. Include system information
  4. Attach relevant logs or screenshots

๐Ÿ“š Documentation & Resources

๐Ÿ“– Documentation Files:

  • rule_for_ai_VI.txt - Vietnamese agent behavior rules
  • rule_for_ai_EN.txt - English agent behavior rules
  • SYSTEM_PROMPT_Claude-4-sonnet-max.txt - Full system prompt example
  • pyproject.toml - Project configuration and dependencies

๐Ÿ”— Useful Links:

๐Ÿ’ก Related Projects:

๐Ÿ“„ License & Legal

๐Ÿ“œ License:

MIT License

Copyright (c) 2025 DemonVN - AI Interaction Tool

โš–๏ธ Legal Notes:

  • Tool complies with local processing requirements
  • No personal data collection
  • Respects user privacy and data sovereignty
  • Compatible with enterprise security policies

๐ŸŽฏ Special Thanks:

  • Model Context Protocol team for standardized interface
  • Claude Desktop integration ecosystem
  • Cursor IDE team for AI-first development tools
  • Open source Python community
  • Beta testers and early adopters

๐Ÿ”ฅ Inspiration:

Project inspired by the need for seamless AI interaction tools with modern UX principles and professional-grade architecture.


๐Ÿš€ Happy Coding with AI Interaction Tool!

For support, issues, or feature requests, please open an issue on the GitHub repository.

Tools

No tools

Comments