TailorKit MCP

How to Install and Use TailorKit MCP

TailorKit MCP is a powerful framework for customizing products on e-commerce stores. It helps merchants make personalized products with easy tools and works well with Shopify. Here’s a simple guide on how to install and start using TailorKit MCP.

Step 1: Installing TailorKit MCP

To get started, you need to install TailorKit MCP. There are two ways: from npm or from GitHub. Both are easy to follow.

If you want to install with npm (Node Package Manager), just run this command in your terminal or command prompt:

npm install @sellersmith/tailorkit-mcp

If you prefer to get the source code directly and build it yourself, use these steps:

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

This will download the project, install what it needs, and prepare it to run.

Step 2: Setting Up TailorKit MCP

After installation, you need to set up TailorKit MCP so it works with your store and AI tools like Claude.

You must tell TailorKit MCP where your TailorKit API is and add an access token for security. These are done with environment variables.

Here are the two required variables:

• HOST: The URL where your TailorKit API lives.
• ACCESS_TOKEN: Your secret key for accessing the TailorKit API.

Make sure you get the access token from TailorKit by navigating to Settings > Preferences > Generate access token in your TailorKit dashboard.

Step 3: Running TailorKit MCP with Claude Desktop

If you want to use TailorKit MCP with Claude Desktop, you'll need to add a configuration. Insert this example block into your claude_desktop_config.json file, changing the paths and tokens to match your setup.

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

This tells Claude how to start TailorKit MCP locally and connect to your API safely.

Step 4: Basic Usage Examples

Now that TailorKit MCP is installed and configured, you can use its tools to manage templates for product customization. Here are some examples of what you can do:

• Get a list of templates for your store:

const templates = await get_list_templates({
  shopDomain: "yourshop.myshopify.com",
  limit: 5
});

• Get details about a specific template:

const templateDetails = await get_detail_template({
  _id: "template-id-here",
  shopDomain: "yourshop.myshopify.com"
});

• Create a new template:

const newTemplate = await create_template({
  shopDomain: "yourshop.myshopify.com",
  name: "New Template",
  dimension: {
    width: 1000,
    height: 1000,
    unit: "px",
    resolution: 72
  }
});

• List all layers in a template:

const layers = await get_list_layers_of_template({
  _id: "template-id-here",
  shopDomain: "yourshop.myshopify.com"
});

These functions help you build and change product customization templates in an easy way.

---

By following these steps, you will have TailorKit MCP up and running with your e-commerce store. You can now create interactive and personalized shopping experiences for your customers with minimal coding.