liquid-dev
Liquid Dev gives Claude Code deep knowledge of Shopify's Liquid templating language, Online Store 2.0 theme architecture, and modern theme d
Open source Open in the app JSON README (API)
About
Liquid Dev gives Claude Code deep knowledge of Shopify's Liquid templating language, Online Store 2.0 theme architecture, and modern theme development workflows. It bundles a complete Liquid reference (objects, tags, filters, section schemas, metafields, dynamic sources, performance patterns), a theme development guide covering Shopify CLI, Dawn customization, settings schemas, and deployment — plus an opinionated Shopify developer agent that builds production themes with vanilla CSS/JS, merchant-friendly settings, and performance-first defaults. Built by a developer with 13+ years of Shopify experience who got tired of watching AI hallucinate Liquid syntax.
Details
- Kind
- Plugins
- Topic
- E-commerce & business
- Publisher
- hamzashahbaz
- Origin
- marketplace
- Category
- ferramentas
- Stars
- 1
- Last push
- 2026-03-30T04:43:15Z
- Repository state
- ativo
- License
- MIT
- Added
- 2026-08-30 01:48:58
- Updated
- 2026-08-30 01:48:58
- Origin id
hamzashahbaz/liquid-dev/liquid-dev
README
# liquid-dev A Shopify Liquid development toolkit for Claude Code. Built by a developer with 13+ years of Shopify experience. ## What's Included ### Skills - **`/liquid-dev:liquid`** — Complete Shopify Liquid reference: objects, tags, filters, section schemas, blocks, JSON templates, metafields, dynamic sources, and performance patterns. - **`/liquid-dev:theme-dev`** — Theme development guide: Online Store 2.0 architecture, Shopify CLI workflows, Dawn customization, settings schema design, asset optimization, accessibility, and deployment. ### Agent - **Shopify Developer** — An expert agent that builds production Shopify themes. Opinionated: vanilla CSS/JS, merchant-friendly settings, performance-first, mobile-first. Treats themes as products, not one-off projects. ## Installation From the Claude Code plugin marketplace: ``` /plugin install liquid-dev ``` ## Usage The skills are auto-invoked when Claude detects you're working on Shopify themes. You can also invoke them directly: ``` /liquid-dev:liquid /liquid-dev:theme-dev ``` To use the Shopify Developer agent: ``` /agents ``` Select "shopify-developer" from the list. ## What This Plugin Knows - Liquid objects, tags, filters, and their real-world usage - Section architecture — schemas, blocks, presets, settings types - JSON templates and section groups (Online Store 2.0) - Metafields, metaobjects, and dynamic sources - Shopify CLI commands — dev, push, pull, check - Dawn-based customization vs. forking - Theme settings design (settings_schema.json) - Asset management — CSS/JS organization without frameworks - Responsive image optimization with Shopify CDN - Performance targets — Lighthouse, Core Web Vitals, LCP, CLS - Accessibility — semantic HTML, ARIA, focus management, contrast - Deployment workflows — Git, CI/CD, preview links - Merchant UX — presets, labels, defaults, info text ## Author **Hamza Shahbaz** — Founder of Hamza Digital, a Shopify Development Studio. ## License MIT