Brand-to-Theme MCP Server

基本能力

产品定位

Brand-to-Theme MCP Server 是一个自动化工具，专注于将品牌标识PDF转换为功能性Shopify主题，保持品牌一致性。

核心功能

• PDF提取：从PDF中提取颜色、字体等设计元素
• 设计令牌生成：将提取的元素转换为标准化设计令牌
• Shopify主题创建：基于品牌标识生成完整的Shopify主题文件
• Shopify集成：支持直接将主题安装到连接的商店
• Figma集成：兼容从Figma提取的组件（通过Figma MCP）

适用场景

• 企业需要快速将品牌标识转换为Shopify主题
• 设计师希望自动化品牌标识到Shopify主题的转换过程
• 开发人员需要标准化品牌设计元素并快速生成可部署的Shopify主题

MCP工具列表

1. extract_pdf_branding：从PDF中提取品牌视觉元素和标识
2. generate_design_tokens：从提取的品牌标识生成设计令牌
3. create_shopify_theme：基于设计令牌生成Shopify主题
4. preview_shopify_theme：生成Shopify主题的预览
5. install_shopify_theme：将生成的主题安装到连接的Shopify商店

常见问题解答

• 需要Node.js v16+和Shopify Partner账户
• 需要兼容Claude的MCP

使用教程

使用依赖

• Node.js v16+
• Shopify Partner Account
• MCP compatible with Claude

安装教程

1. 克隆仓库：

git clone https://github.com/mmokarzel/brand-to-theme-mcp-server.git
cd brand-to-theme-mcp-server

1. 安装依赖：

npm install

1. 构建项目：

npm run build

1. 配置MCP服务器

调试方式

1. 从PDF提取品牌元素：

const brandingData = await extract_pdf_branding({
  pdfPath: "/ruta/a/manual-identidad.pdf"
});

1. 生成设计令牌：

const designTokens = await generate_design_tokens({
  brandingData: brandingData,
  format: "json"
});

1. 创建Shopify主题：

const themeResult = await create_shopify_theme({
  designTokens: designTokens,
  themeName: "MiMarca Theme"
});

1. 安装主题：

const installResult = await install_shopify_theme({
  themePath: themeResult.path,
  installationType: "new",
  setAsMain: true
});

许可证

None