Popmelt MCP Server
by MCP-Mirror
The Popmelt MCP Server provides access to Talent AI and Taste Profiles for dynamic UI component styling using the Model Context Protocol. It connects to Popmelt's PostgreSQL database to serve detailed Talent profiles, including structured metadata and weighted styling attributes.
Last updated: N/A
What is Popmelt MCP Server?
The Popmelt MCP Server is a server that leverages the Model Context Protocol to expose Talent AI profiles and styling capabilities to LLMs and other applications. It connects to a PostgreSQL database to access and serve detailed Talent profiles, including structured metadata and weighted styling attributes.
How to use Popmelt MCP Server?
To use the server, you need to clone the repository, install dependencies, configure the database connection, set up the database using the provided script, build the TypeScript code, and then run the server in either stdio or HTTP mode. The server exposes MCP resources and tools that can be accessed using an MCP client, as demonstrated in the example usage.
Key features of Popmelt MCP Server
Talent AI Profile Access
CSS Styling Generation
Dynamic UI Component Styling
Database Integration
Multiple Transport Options (stdio and HTTP/SSE)
Use cases of Popmelt MCP Server
Dynamically styling UI components based on Talent AI profiles.
Generating CSS styling rules directly from stored metadata.
Integrating Talent-driven design choices into UI components.
Providing LLMs with access to Talent AI profiles for design-related tasks.
FAQ from Popmelt MCP Server
What is MCP?
What is MCP?
MCP stands for Model Context Protocol.
What database does the server use?
What database does the server use?
The server uses a PostgreSQL database.
How do I run the server?
How do I run the server?
You can run the server in stdio mode using npm start or in HTTP mode with SSE support using npm run start:http.
What are the prerequisites for running the server?
What are the prerequisites for running the server?
You need Node.js 18 or higher and a PostgreSQL database.
How can I generate CSS for a specific component?
How can I generate CSS for a specific component?
You can use the generate-css tool with the talentId and component name as arguments.