How to use it

1. Download the file and put it in a folder called shopify-theme-tweaks.
2. Claude: zip the folder and upload it under Settings, Capabilities, Skills. Claude Code, Codex, Gemini CLI or Cursor: drop the folder in your skills directory.
3. Connect your store with the Shopify connector (and GA4 or ad accounts where the skill mentions them).
4. Ask for the job in plain English. The skill loads itself when the request matches.

What's inside

Theme Tweaks (No Dev)

When the user asks for a theme tweak, use the connected Shopify MCP to:

1. Identify theme + template

• Pull the active theme name and version
• Identify which template the change affects (product, cart, collection, header, footer)
• Confirm the exact section / snippet file to edit

2. Write the change

• Liquid for logic (loops, conditionals, metafield reads)
• CSS scoped with a unique class so it cannot leak
• Mobile-first — write the mobile rules first, add desktop breakpoints

3. Common patterns

• Stock counter — read variant.inventory_quantity, show when below threshold
• Promo banner — site-wide section above header with dismiss cookie
• Trust badges — snippet rendered in PDP and cart
• Sticky ATC — fixed-position button on mobile PDP scroll

4. Safety guards

• Wrap every change in a feature flag (theme setting) so it can be toggled off
• Use {% if shop.metafields.cro.enabled %} for store-level kill switch
• Test on a copy of the theme first — never edit live theme without backup

5. Output

• Theme file path
• Exact Liquid / CSS diff (with line numbers)
• Step-by-step install: duplicate theme → edit code → preview → publish
• Rollback steps

Always remind the user to duplicate the theme before editing.

Also on GitHub.