drio
Open app

Brand-to-Theme MCP Server

Source

Servidor MCP para convertir PDFs de identidad de marca en temas de Shopify

Catalog onlyCatalog onlySTDIO

Overview

Brand-to-Theme MCP Server is a tool designed to convert brand identity PDFs into functional Shopify themes, ensuring consistency with brand identity.

To use the server, clone the repository, install dependencies, and configure the MCP server. You can then extract branding elements from a PDF, generate design tokens, create a Shopify theme, and install it directly into your Shopify store.

  • PDF Extraction: Analyzes PDFs to extract color palettes, typography, and other design elements. - Design Tokens Generation: Converts extracted elements into standardized design tokens. - Shopify Theme Creation: Generates complete theme files based on brand identity. - Shopify Integration: Allows direct installation of the theme into the connected store. - Figma Integration: Compatible with components extracted from Figma.
  1. Automating the conversion of brand manuals into Shopify themes.
  2. Ensuring brand consistency across online stores.
  3. Streamlining the theme creation process for Shopify developers.

Add to your AI client

Use these steps to connect Brand-to-Theme MCP Server 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": {
    "brand-to-theme-mcp-server-mmokarzel": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-brand-to-theme-mcp-server-mmokarzel"
      ]
    }
  }
}

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": {
    "brand-to-theme-mcp-server-mmokarzel": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-brand-to-theme-mcp-server-mmokarzel"
      ]
    }
  }
}

Claude Code

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

.mcp.json (project root)

{
  "mcpServers": {
    "brand-to-theme-mcp-server-mmokarzel": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-brand-to-theme-mcp-server-mmokarzel"
      ]
    }
  }
}

VS Code (Copilot)

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

.vscode/mcp.json

{
  "servers": {
    "brand-to-theme-mcp-server-mmokarzel": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-brand-to-theme-mcp-server-mmokarzel"
      ]
    }
  }
}

Windsurf

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

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "brand-to-theme-mcp-server-mmokarzel": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-brand-to-theme-mcp-server-mmokarzel"
      ]
    }
  }
}

Cline

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

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "brand-to-theme-mcp-server-mmokarzel": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-brand-to-theme-mcp-server-mmokarzel"
      ]
    }
  }
}

FAQ

Can this server convert any PDF?

It is designed to work with brand identity PDFs that contain the necessary design elements.

Is there a cost to use this server?

The server is open-source and free to use.

What are the system requirements?

Node.js v16+ and a Shopify Partner Account are required.7:["$","div",null,{"className":"container mx-auto flex flex-col gap-4","children":["$L26","$L27",["$","$L28",null,{"currentProject":{"id":3582,"uuid":"e2c3831b-89ba-402e-8088-450c8d45ae41","name":"brand-to-theme-mcp-server","title":"Brand-to-Theme MCP Server","description":"Servidor MCP para convertir PDFs de identidad de marca en temas de Shopify","avatar_url":"https://avatars.githubusercontent.com/u/107641440?v=4","created_at":"2025-03-20T10:41:12.252Z","updated_at":"2025-03-20T11:10:06.526Z","status":"created","author_name":"mmokarzel","author_avatar_url":"https://avatars.githubusercontent.com/u/107641440?v=4","tags":"brand-to-theme,shopify,mcp-server","category":"developer-tools","is_featured":false,"sort":1,"url":"https://github.com/mmokarzel/brand-to-theme-mcp-server","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-20 03:14:11\"}","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"}]]}]

Developer tools