TailorKit MCP

by sellersmith

6 201 downloads Not rated yet

GitHub

Developer Tools

About

TailorKit MCP is a powerful product customization framework for e-commerce that enables merchants to create interactive personalization experiences. Features template management, layer control, and Shopify integration for offering customizable products with minimal development ef

Explore

- List product templates with pagination and filtering
- Retrieve detailed information about a specific template
- Create new templates with custom dimensions and layers
- List all layers of a given template
- Integrates with Shopify stores (requires .myshopify.com domain)
- Uses natural language to manage templates via AI assistants

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

Download and install Highlight from highlightai.com/download
Navigate to the plugins tab and select "Add Custom Plugin"
Configure the plugin with the settings below

Plugin Name TailorKit MCP

Command (node, npx, python, etc.)

Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
Enable "Start Automatically" if you want the plugin to start when Highlight launches

Setting up with Cursor

Open Cursor's settings
Navigate to the MCP section
Click "Add new Global MCP server"
Copy and paste the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

Setting up with Claude Desktop

Open Claude Desktop's settings
Go to the Integrations tab
Click "Add MCP Server"
Use the configuration below based on your operating system

Note: Make sure Claude Desktop is running before attempting to connect.

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

Setting up with Windsurf

Open Windsurf's preferences
Go to the Integrations section
Click "Add MCP Integration"
Use the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

Setting up with Cline

Open Cline's settings
Navigate to the Integrations section
Click "Add MCP Server"
Copy and paste the configuration below based on your operating system

Note: Make sure to restart Cline after adding the configuration.

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

Setting up with Goose

Open Goose's preferences
Go to the Integrations tab
Select "MCP Servers"
Click "Add New Server"
Use the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

From the repository

Add the following to your claude_desktop_config.json:

{
  "mcpServers": {
    "tailorkit-mcp": {
      "command": "node",
      "args": ["path/to/your/dist/index.js"],
      "env": {
        "HOST": "https://your-api-host.com",
        "ACCESS_TOKEN": "your-access-token"
      }
    }
  }
}

1. HOST: Required. The host URL for your TailorKit API.
2. ACCESS_TOKEN: Required. Your TailorKit API access token for authentication.

npm install

`shopDomain`

(string): The shop domain ending with .myshopify.com

`limit`

(number, default: 5): Maximum number of templates to return

`page`

(number, default: 1): Page number for pagination

`sort`

(string, default: "updatedAt\_\_desc"): The sort order

`filter`

(string): Filter string for template search

`_id`

(string): The ID of the template

`name`

(string, default: "New Template"): Name of the template

`dimension`

(object): Width, height, measurement unit, and resolution

`layers`

(array): Initial layers configuration

1. get_list_templates

- Get a list of templates with shop domain
- Required inputs:
- shopDomain (string): The shop domain ending with .myshopify.com
- Optional inputs:
- limit (number, default: 5): Maximum number of templates to return
- page (number, default: 1): Page number for pagination
- sort (string, default: "updatedAt\_\_desc"): The sort order
- filter (string): Filter string for template search
- Returns: List of templates with their details

2. get_detail_template

- Get detailed information about a specific template
- Required inputs:
- _id (string): The ID of the template
- shopDomain (string): The shop domain ending with .myshopify.com
- Returns: Detailed template information including layers and settings

3. create_template

- Create a new template for a shop
- Required inputs:
- shopDomain (string): The shop domain ending with .myshopify.com
- name (string, default: "New Template"): Name of the template
- dimension (object): Width, height, measurement unit, and resolution
- Optional inputs:
- _id (string, format: uuid): Custom ID for the template
- layers (array): Initial layers configuration
- Returns: Confirmation of template creation with template ID

4. get_list_layers_of_template
- Get all layers for a specific template
- Required inputs:
- _id (string): The ID of the template
- shopDomain (string): The shop domain ending with .myshopify.com
- Returns: List of all layers in the template with their properties

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "tailorkit mcp": {
            "tailorkit-mcp": {
                "command": "node",
                "args": [
                    "path/to/your/dist/index.js"
                ],
                "env": {
                    "HOST": "https://your-api-host.com",
                    "ACCESS_TOKEN": "your-access-token"
                }
            }
        }
    }
}

McpServers

{
    "tailorkit-mcp": {
        "command": "node",
        "args": [
            "path/to/your/dist/index.js"
        ],
        "env": {
            "HOST": "https://your-api-host.com",
            "ACCESS_TOKEN": "your-access-token"
        }
    }
}

Overview

This MCP (Model Context Protocol) server connects Claude and other AI assistants to the TailorKit API, enabling them to manage customizable product templates for e-commerce platforms. With TailorKit MCP, AI assistants can create, retrieve, and manipulate product templates and their layers directly through natural language conversations.

Tools

1. get_list_templates

2. get_detail_template

3. create_template

Setup

Usage with Claude Desktop

Add the following to your claude_desktop_config.json:

{
  "mcpServers": {
    "tailorkit-mcp": {
      "command": "node",
      "args": ["path/to/your/dist/index.js"],
      "env": {
        "HOST": "https://your-api-host.com",
        "ACCESS_TOKEN": "your-access-token"
      }
    }
  }
}

Environment Variables

1. HOST: Required. The host URL for your TailorKit API.
2. ACCESS_TOKEN: Required. Your TailorKit API access token for authentication.

Access Token

Go to Settings -> Preferences -> Generate access token

TailorKit Access Token

Installation

From npm

npm install @sellersmith/tailorkit-mcp

From GitHub

git clone https://github.com/sellersmith/tailorkit-mcp.git
cd tailorkit-mcp
npm install
npm run build

Development

```bash

No reviews yet — be the first

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.

About

Explore

Setting up with Highlight

From the repository

shopDomain

limit

page

sort

filter

_id

name

dimension

layers

Claude Desktop / Cursor

McpServers

Overview

Tools

Setup

Usage with Claude Desktop

Environment Variables

Access Token

Installation

From npm

From GitHub

Development

More like this

Sentry

Github

Git

GitLab

`shopDomain`

`limit`

`page`

`sort`

`filter`

`_id`

`name`

`dimension`

`layers`