Popmelt MCP Server
2025.03.21
0
TypeScript动态UI样式生成AI驱动设计数据库集成开发效率内容生成
Popmelt MCP Server 是一个基于 Model Context Protocol (MCP) 的服务，主要用于提供对 Talent AI 和 Taste Profiles 的访问，以实现动态 UI 组件的样式生成和集成。该服务通过直接连接 PostgreSQL 数据库来获取和提供详细的 Talent 配置文件，包括结构化元数据和加权样式属性。
View on GitHub
Overview
基本能力
产品定位
Popmelt MCP Server 是一个用于动态 UI 组件样式生成和 Talent AI 配置管理的服务，适用于需要个性化设计和 AI 驱动样式的应用场景。
核心功能
- Talent AI Profile Access: 检索完整的 Talent 配置文件，包括其独特的美学特征和设计属性。
- CSS Styling Generation: 从存储的元数据直接生成 CSS 样式规则。
- Dynamic UI Component Styling: 将 Talent 驱动的设计选择轻松集成到 UI 组件中。
- Database Integration: 直接连接到存储 Talent 配置文件的 PostgreSQL 数据库。
- Multiple Transport Options: 支持 stdio 和 HTTP/SSE 两种传输模式。
适用场景
- 动态 UI 组件样式生成
- AI 驱动的设计系统
- 个性化用户体验设计
- 多 Talent 风格兼容性分析
工具列表
generate-css: 基于 Talent 配置文件生成组件的 CSS。generate-component-library: 生成完整组件库的 CSS。query-talents: 对 Talent 元数据执行只读查询。analyze-style-compatibility: 分析不同 Talent 风格之间的兼容性。
常见问题解答
- 如何连接数据库？ 通过
.env文件配置数据库连接信息。 - 如何启动 HTTP 服务器？ 使用
npm run start:http命令。 - 如何生成 CSS？ 使用
generate-css工具并传入 Talent ID 和组件名称。
使用教程
使用依赖
- Node.js 18 或更高版本
- PostgreSQL 数据库
安装教程
- 克隆仓库
- 安装依赖：
npm install - 配置环境变量：
cp .env.example .env - 设置数据库：
node scripts/setup-db.js - 构建项目：
npm run build
调试方式
- 启动 stdio 模式服务器：
bash npm start - 启动 HTTP 服务器：
bash npm run start:http - 使用示例脚本测试：
node examples/generate-css.js