MCP.so
ログイン

Popmelt MCP Server

@MCP-Mirror

リポジトリ

Popmelt MCP Server について

Mirror of

#mcp-server#popmelt#talent-ai

基本情報

カテゴリ

開発者ツール

ランタイム

node

トランスポート

stdio

公開者

MCP-Mirror

設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

{
  "mcpServers": {
    "popmelt-mcp-server": {
      "command": "node",
      "args": [
        "dist/server.js"
      ]
    }
  }
}

ツール

4

Generate CSS for a component based on a talent profile

Generate CSS for a complete component library

Perform a read-only query on talent metadata

Analyze compatibility between different talent styles

概要

What is Popmelt MCP Server?

The Popmelt MCP Server is an MCP (Model Context Protocol) server that exposes Talent AI profiles and styling capabilities to LLMs and applications. It connects directly to Popmelt's PostgreSQL database to retrieve detailed talent profiles with structured metadata and weighted styling attributes, enabling dynamic UI component styling.

How to use Popmelt MCP Server?

Install Node.js 18+ and PostgreSQL, clone the repository, install dependencies, configure the .env file with database credentials, run node scripts/setup-db.js to initialize the database, then build with npm run build. Run in stdio mode with npm start or in HTTP/SSE mode with npm run start:http. Use an MCP client to list resources, read talent profiles, generate CSS, or invoke tools like generate-css.

Key features of Popmelt MCP Server

  • Talent AI Profile Access: retrieve complete aesthetic and design data
  • CSS Styling Generation: generate CSS rules from stored metadata
  • Dynamic UI Component Styling: integrate talent-driven design into components
  • Database Integration: direct PostgreSQL connection for talent profiles
  • Multiple Transport Options: stdio for CLI or HTTP with SSE for remote
  • Prompt templates for style recommendations and talent descriptions

Use cases of Popmelt MCP Server

  • Generate custom CSS for UI components based on a talent’s aesthetic profile
  • Compare style compatibility between two talent profiles
  • List all available talent profiles and query by metadata filters
  • Create an LLM prompt to style a component with specific requirements
  • Build a complete component library CSS from a single talent profile

FAQ from Popmelt MCP Server

What dependencies does the server require?

Node.js 18 or higher and a PostgreSQL database.

What transport options are available?

Stdio transport for command-line tools and direct integration, and HTTP server with SSE for remote access.

What data is stored in the database?

A talents table with fields id, name, description, timestamps, and a JSONB metadata column containing aesthetic characteristics, design attributes, color palette, and typography.

How do I set up the database?

Copy .env.example to .env and fill in your PostgreSQL credentials, then run node scripts/setup-db.js to execute the schema SQL.

What tools does the server expose?

Four tools: generate-css (generate CSS for a component), generate-component-library (full library CSS), query-talents (filter talent metadata), and analyze-style-compatibility (compare two talents).

コメント

「開発者ツール」の他のコンテンツ

nuxt-mcp / vite-plugin-mcp

antfu

MCP server helping models to understand your Vite/Nuxt app better.

910

MCP Containers

metorial

Connect any AI model to 1200+ integrations (MCP, CLI, API)

3.3K

MCP server to deploy code to Google Cloud Run

GoogleCloudPlatform

MCP server to deploy apps to Cloud Run

621

Unity MCP (Server + Plugin)

IvanMurzak

AI Skills, MCP Tools, and CLI for Unity Engine. Full AI develop and test loop. Use cli for quick setup. Efficient token usage, advanced tools. Any C# method may be turned into a tool by a single line. Works with Claude Code, Gemini, Copilot, Cursor and any other absolutely for fr

3.5K

Sentry

modelcontextprotocol

Model Context Protocol Servers

88.1K