shopify-liquid-themes
CommunityMaster Shopify Liquid theme development.
Authorbenjaminsehl
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides comprehensive guidance and reference material for developing and maintaining Shopify Liquid themes, ensuring adherence to best practices and efficient coding.
Core Features & Use Cases
- Liquid Language Fundamentals: Understand syntax, delimiters, operators, and common pitfalls.
- Theme Architecture: Learn the structure and purpose of sections, blocks, snippets, and other theme files.
- Schema & Settings: Master the
{% schema %}tag for theme editor integration and explore all 33 setting types. - CSS & JavaScript Integration: Utilize
{% stylesheet %}and{% javascript %}for component-specific styling and scripting. - Translations: Implement proper localization using the
tfilter and locale files. - Use Case: A developer needs to create a new product card section for a Shopify theme. They can use this Skill to understand the correct structure for sections, define settings in the schema, write Liquid logic for displaying product data, and add component-specific CSS.
Quick Start
Use the shopify-liquid-themes skill to generate a basic Liquid snippet for a responsive image with an optional link.
Dependency Matrix
Required Modules
None requiredComponents
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: shopify-liquid-themes Download link: https://github.com/benjaminsehl/liquid-skills/archive/main.zip#shopify-liquid-themes Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.