drio
Open app

Popmelt Model Context Protocol (MCP)

Source

Catalog onlyCatalog onlySTDIO

Overview

Popmelt MCP is a reference implementation designed to create deeply personalized AI interactions through sophisticated taste profiles, establishing a framework for next-generation AI personalization.

To use Popmelt MCP, clone the repository from GitHub, install the necessary dependencies, configure your environment variables, run Prisma migrations, and start the development server.

  • Profile Creation & Management: Visual profile editor with real-time preview. - Context Management System: Collects context from multiple sources with profile-aware prioritization. - Interactive Design System: Real-time design token manipulation and component variant previews. - Model Integration Framework: Supports multiple LLM providers and custom instruction templating. - Analytics Dashboard: Provides profile performance metrics and interaction success rates.
  1. Creating personalized AI interactions based on user preferences.
  2. Managing context for AI models to enhance user experience.
  3. Analyzing user interaction data to improve AI performance.

Add to your AI client

Use these steps to connect Popmelt Model Context Protocol (MCP) in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "mcp-server-test-02-avantjohn": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-test-02-avantjohn"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "mcp-server-test-02-avantjohn": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-test-02-avantjohn"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "mcp-server-test-02-avantjohn": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-test-02-avantjohn"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "mcp-server-test-02-avantjohn": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-test-02-avantjohn"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "mcp-server-test-02-avantjohn": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-test-02-avantjohn"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "mcp-server-test-02-avantjohn": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-test-02-avantjohn"
      ]
    }
  }
}

FAQ

What technologies does Popmelt MCP use?

It uses Next.js, TypeScript, Prisma ORM, and Tailwind CSS among others.

Is there a license for Popmelt MCP?

Yes, it is licensed under the MIT License.

How can I deploy Popmelt MCP?

You can deploy it easily on the Vercel platform.7:["$","div",null,{"className":"container mx-auto flex flex-col gap-4","children":["$L26","$L27",["$","$L28",null,{"currentProject":{"id":3331,"uuid":"4fc9d6ef-2ef2-4cd0-afca-da49c2d22273","name":"mcp-server-test-02","title":"Popmelt Model Context Protocol (MCP)","description":"","avatar_url":"https://avatars.githubusercontent.com/u/110754942?v=4","created_at":"2025-03-18T20:39:11.257Z","updated_at":"2025-03-18T20:40:31.942Z","status":"created","author_name":"avantjohn","author_avatar_url":"https://avatars.githubusercontent.com/u/110754942?v=4","tags":"mcp,model-context-protocol,personalized-ai","category":"research-and-data","is_featured":false,"sort":1,"url":"https://github.com/avantjohn/mcp-server-test-02","target":"_self","content":"$29","summary":"$2a","img_url":null,"type":null,"metadata":"{\"star\":\"0\",\"license\":\"\",\"language\":\"TypeScript\",\"is_official\":false,\"latest_commit_time\":\"2025-03-18 13:47:17\"}","user_uuid":null,"tools":null,"sse_url":null,"sse_provider":null,"sse_params":null,"is_official":false,"server_command":null,"server_params":null,"server_config":null,"allow_call":false,"is_innovation":false,"is_dxt":false,"dxt_manifest":null,"dxt_file_url":null,"is_audit":false},"randomProjects":[],"currentServerKey":"$undefined"}]]}]

Research and data