How to Connect Claude Cowork to Your Shopify Store (No More Copy-Pasting Code)

How to Connect Claude Cowork to Your Shopify Store (No More Copy-Pasting Code)

If you're building Shopify themes with Claude, you already know the loop. Copy code from the chat, paste it into Shopify's code editor, hit save, refresh, something's off, go back, get new code, paste it again. Over and over.

It works. But it's slow, and after a while it gets old.

Here's the setup I've been using instead. Claude Cowork connects directly to your theme through GitHub — so it edits the files and pushes the changes on its own. You just tell it what to build and hit refresh. No more copying, no more pasting into Shopify's editor.

What You Need Before You Start

     
  • A paid Claude plan (Max or Pro)
  •  
  • A free GitHub account
  •  
  • The Claude desktop app installed on your computer
  •  
  • A Shopify store and the theme you want to work on

Step 1: Install Claude Desktop and GitHub Desktop

Download the Claude desktop app at claude.com/download. Sign in and make sure you're on a paid plan — that's what unlocks Cowork.

Then grab GitHub Desktop at desktop.github.com. You'll use this to get your theme files into GitHub before Cowork takes over.

Step 2: Create a GitHub Repository

Go to github.com, hit New Repository, and name it after your project. Set it to private and leave everything else unchecked — no README, no .gitignore, nothing. Just create it empty.

Step 3: Get Your Theme Files into the Repo

In your Shopify admin, find the theme you want to work on, hit the three dots, and download it. Shopify will email you a zip link — download it and unzip it.

Open GitHub Desktop, click the repository dropdown in the top left, hit Add, then Clone Repository. Pick the repo you just made and clone it to your computer. I keep mine in Documents/GitHub.

Open the cloned folder in Finder — it'll be empty. Open your unzipped theme in another window, select everything, and drag it in. Back in GitHub Desktop you'll see all the files show up as changes. If there's a .DS_Store file in there, uncheck it before you commit.

Step 4: Commit and Push

Type something like "initial theme upload" in the summary field, hit Commit to main, then Publish Branch. Once it's done, refresh your repo on GitHub and you should see all your theme folders — assets, config, layout, sections, snippets, templates.

Step 5: Connect the Repo to Shopify

In your Shopify dashboard, go to Online Store and hit Add Theme in the top right. You'll see a Connect from GitHub option — click that, authorize GitHub if it asks, then pick your repo and the main branch.

Shopify creates a new draft theme linked to the repo. From now on, anything pushed to GitHub automatically updates that theme. Hit preview to make sure it loads right before moving on.

Step 6: Generate a GitHub API Token

Go to GitHub, click your profile picture, hit Settings, then scroll all the way down the left sidebar to Developer Settings. Go to Personal Access Tokens → Fine-grained tokens → Generate New Token.

Name it after the project. Set an expiration date. Under Repository Access, choose Only Select Repositories and pick the repo you just made. For permissions, set Contents to Read and Write — that's the only one that matters besides Metadata which stays on Read.

Hit Generate Token and copy it immediately. You won't be able to see it again once you leave the page.

One thing worth doing: make a separate token for every project. That way each token only has access to its own repo — nothing else on your account.

Step 7: Set Up the Cowork Project

Open the Claude desktop app, switch to Cowork, and hit New Project. Choose Use an Existing Folder and point it to the theme folder GitHub Desktop created on your computer.

In your first message, give Cowork the remote URL with your token embedded in it:

git remote set-url origin https://YOUR_TOKEN@github.com/YOUR_USERNAME/YOUR_REPO_NAME.git

Swap in your actual token, username, and repo name. Once Cowork runs that, it has push access. Then ask it to create a .gitignore file so it doesn't accidentally commit anything sensitive.

Cowork might warn you about pasting a token — that's normal. The token gets stored in your local git config, not in any file that gets pushed to GitHub.

Test It

Ask Cowork to add a custom announcement bar — black background, white text that says "hello world." It'll create the section, wire it into the layout, commit, and push. Go to your Shopify theme preview and refresh.

Black bar at the top? You're fully connected.

The Workflow From Here

Open Cowork, tell it what to build, hit refresh. That's it. No more switching between tabs, no more copy-pasting, no more manual saves. Cowork handles the code and GitHub handles the delivery.

If you want to see this setup in action — building out actual theme sections from scratch — I put together a video walking through the whole process. You can watch it above or check out more builds on the WEBEXP YouTube channel.

Try Shopify free for 3 days

No credit card required. Takes about 10 minutes to set up.

Start free trial →

No credit card required

Back to blog