Convert Stitch mock ZIPs into Shopify Online Store 2.0 themes with Liquid templates.
npx skills add https://github.com/ousiass/dotfiles --skill stitch-shopify
Please help me install this Agent Skill. Skill: stitch-shopify Source: https://github.com/ousiass/dotfiles/tree/main/.claude/skills/stitch-shopify Command: npx skills add https://github.com/ousiass/dotfiles --skill stitch-shopify
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.
section.settings (and image inputs via image_picker) so the theme can be customized in the theme editor.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.
High-intent search queries and answers about installing and using this skill.
To convert a Stitch mock ZIP into a Shopify Online Store 2.0 theme, provide the ZIP path to generate a theme directory with Liquid templates, Atomic Design snippets, and configurable section settings ready for Shopify CLI.
Atomic Design structures Shopify Liquid templates by organizing UI components into atoms, molecules, and organisms, creating a renderable snippet hierarchy that expands the mock HTML into reusable theme sections.
Yes, the conversion process precompiles Tailwind base.css directly into the Shopify theme without relying on CDN assets, ensuring styles are bundled locally within the generated OS 2.0 theme directory.
Yes, image inputs are configured using Shopify's image_picker within the section settings schema, allowing you to map bundled mock assets and customize images directly in the Shopify theme editor.
During ZIP conversion, the process interactively prompts you to approve page-to-template mappings and asks how to handle missing standard templates like product, collection, cart, search, or blog pages.
No, the conversion process includes safety checks that avoid overwriting existing theme files without explicit confirmation, ensuring your current Shopify templates and sections remain protected during generation.
ousiassConvert HTML mocks into Shopify OS 2.0 themes with Atomic Design snippets.
DevOttsConverts Shopify theme assets into deployable Liquid sections and templates with visual verification.
silvarojasdiegoarturo91Create, modify, and render Shopify theme templates using Liquid syntax.
rodrigotoledoReference Liquid syntax, GraphQL APIs, and Hydrogen for Shopify development.