MCP Shopify Theme Development Workflow

This repository contains a Model Context Protocol (MCP) workflow for Shopify theme development. It provides a structured approach to developing, testing, and deploying Shopify themes.

Features

• Automated theme setup and initialization
• Local development server with hot reloading
• Theme file synchronization with Shopify
• Asset optimization (CSS, JavaScript, images)
• Version control integration
• Deployment workflows

Getting Started

1. Clone this repository
2. Install dependencies with npm install
3. Configure your Shopify store credentials in .env
4. Run npm run dev to start the development server

Commands

• npm run dev: Start local development server
• npm run build: Build production-ready theme files
• npm run deploy: Deploy theme to Shopify store
• npm run lint: Run linting on theme files
• npm run format: Format code according to style guide

Directory Structure

mcp-shopify/
├── .github/            # GitHub Actions workflows
├── config/             # Configuration files
├── scripts/            # Utility scripts
├── src/                # Source files
│   ├── assets/         # Theme assets (CSS, JS, images)
│   ├── config/         # Theme configuration
│   ├── layout/         # Theme layouts
│   ├── locales/        # Translations
│   ├── sections/       # Theme sections
│   ├── snippets/       # Theme snippets
│   └── templates/      # Theme templates
└── dist/               # Compiled theme files

Requirements

• Node.js 16+
• Shopify CLI
• Shopify Partner account