skills.rest
DevOtts
DevOttsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

shopify-forge

Converts Shopify theme assets into deployable Liquid sections and templates with visual verification.

4|Updated Jun 27, 2025
Search Tags:#liquid#shopify cli#shopify#theme development#visual verification#admin api#ecommerce qa
One-click install
npx skills add https://github.com/DevOtts/all-skills-you-will-ever-need --skill shopify-forge
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shopify-forge
Source: https://github.com/DevOtts/all-skills-you-will-ever-need/tree/main/.claude/shopify-forge
Command: npx skills add https://github.com/DevOtts/all-skills-you-will-ever-need --skill shopify-forge

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the time-consuming, error-prone process of converting design mocks and assets into a real, production-quality Shopify theme that works with actual store data.

Core Features & Use Cases

  • Full-theme development from design inputs: Translates HTML mockups, Figma exports, screenshots, and design tokens into Liquid templates wired to Shopify’s data.
  • End-to-end ecommerce execution & setup: Implements theme sections and configuration schemas, manages products/collections/metafields workflows, and supports publishing/push-to-theme changes.
  • Visual verification with store preview: Uses macOS visual automation (AppleScript + screencapture) or Playwright-style verification to confirm every change before finishing.

Quick Start

Tell the agent your Shopify store URL, the path to your local theme directory, and what you want built or customized, then ask it to verify changes visually and prepare the theme for push/publish.

Frequently Asked Questions about shopify-forge

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert Figma exports into deployable Shopify Liquid templates?▼

Yes, Shopify theme development can push local changes directly to a live store by authenticating with the Shopify Admin API and using Shopify CLI for end-to-end publishing workflows.

Can I push local Shopify theme changes directly to a live store?▼

Yes, Shopify theme development can push local changes directly to a live store by authenticating with the Shopify Admin API and using Shopify CLI for end-to-end publishing workflows.

How do I verify Shopify theme changes visually before publishing?▼

You can verify Shopify theme changes visually before publishing by running macOS visual automation or Playwright-style verification to capture store previews and confirm rendering accuracy.

Do I need Shopify CLI to customize existing Liquid sections and pages?▼

Yes, you need Shopify CLI installed to customize existing Liquid sections and pages, as it handles local theme directory management and executes the push-to-theme publishing actions.

What is the best way to fix Shopify theme QA issues with real store data?▼

The best way to fix Shopify theme QA issues is to render the Liquid templates with real store data, apply settings-driven configuration, and perform visual verification before marking the work done.

Related Skills

Explore More Software Engineering Skills→
NammDevNammDev
2

shopify

Guide Shopify app, extension, and theme development using the official CLI and APIs.

Community
Advanced
finsilabsfinsilabs
44

shopify-theme-development

Develop and customize Shopify themes with Liquid, JSON sections, and theme app extensions.

Official
Intermediate
danielmiesslerdanielmiessler
17.4k

Interceptor

Automates Chrome/Brave and macOS apps via browser extension and bridge for visual UI verification.

Community
Advanced
Niccos-Shopify-WorkspaceNiccos-Shopify-Workspace
2

theme-shopify-section-structure

Organize Shopify theme sections with standardized file structure and schema requirements.

Official
Basic