Skills
.Work. You
Rest

stitch-shopify

Community

Convert Stitch mock ZIPs into OS 2.0 Shopify themes

Design & Creative#atomic design#tailwind#liquid#stitch#shopify theme#os 2.0#image_picker
Authorousiass
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Converting Stitch-generated mock HTML into a Shopify Online Store 2.0 theme is time-consuming and error-prone, especially when you need a reusable Atomic Design structure and Shopify-ready Liquid templates.

Core Features & Use Cases

  • Stitch ZIP → Shopify theme generation: Expands the Stitch mock ZIP into a Shopify OS 2.0 theme directory that works with Shopify CLI theme preview and deploy.
  • Atomic Design snippet restructuring: Organizes UI into atoms, molecules, and organisms and generates Liquid snippets in a renderable hierarchy.
  • Liquid + settings conversion: Translates Stitch content into Shopify theme sections with configurable section.settings (and image inputs via image_picker) so the theme can be customized in the theme editor.
  • Interactive mapping and safety checks: Prompts for template mapping approval, asks how to handle missing standard templates, and avoids overwriting without confirmation.

Quick Start

Run stitch-shopify with your Stitch mock ZIP path and let it generate a Shopify theme directory that you can preview with shopify theme dev.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: stitch-shopify
Download link: https://github.com/ousiass/dotfiles/archive/main.zip#stitch-shopify

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.