Brand-to-Theme MCP Server

What is Brand-to-Theme MCP Server?

Brand-to-Theme MCP Server converts brand identity PDFs into functional Shopify themes while keeping brand consistency. It extracts visual elements (colors, typography) from corporate identity manuals and generates a complete, ready‑to‑install Shopify theme using PDF extraction and code generation technologies.

How to use Brand-to-Theme MCP Server?

Clone the repository, install dependencies with npm install, build with npm run build, then configure the server in your MCP configuration file pointing to the built index.js. Use the exposed MCP tools: extract_pdf_branding, generate_design_tokens, create_shopify_theme, preview_shopify_theme, and install_shopify_theme in a pipeline.

Key features of Brand-to-Theme MCP Server

• Extracts color palettes, typography, and design elements from PDFs.
• Generates standardized design tokens from extracted brand data.
• Creates complete Shopify theme files based on brand identity.
• Integrates with Shopify for direct theme installation.
• Compatible with components extracted from Figma via Figma MCP.

Use cases of Brand-to-Theme MCP Server

• Automating Shopify theme creation from a brand’s corporate identity PDF.
• Keeping an online store visually aligned with brand guidelines.
• Rapidly building a Shopify theme using design tokens from PDF and Figma sources.
• Installing or updating a Shopify theme directly from the MCP server.

FAQ from Brand-to-Theme MCP Server

What does each MCP tool do?

The server provides five tools: extract_pdf_branding to parse PDF brand elements, generate_design_tokens to convert them into tokens, create_shopify_theme to build the theme files, preview_shopify_theme to generate a preview, and install_shopify_theme to upload and optionally set the theme as the main store theme.

What are the runtime dependencies?

Node.js v16 or higher and a Shopify Partner Account (required for theme installation). The server is used within an MCP‑compatible environment.

Can I use brand data from Figma?

Yes, the server accepts optional figmaData in the generate_design_tokens tool, compatible with components extracted from Figma via Figma MCP.

How do I install the generated theme?

Use the install_shopify_theme tool. You can specify whether to install as a new theme or update an existing theme by providing its ID, and optionally set it as the main store theme.

Where does the extracted PDF data come from?

The server reads PDFs from a local file path provided in the pdfPath parameter. No online storage or external services are implied.