benjaminsehl/liquid-skills
3 skills5.7k installs324 starsGitHub
Install
npx skills add https://github.com/benjaminsehl/liquid-skillsSkills in this repo
1Shopify Liquid ThemesShopify Liquid Themes is an agent skill for solo builders and indie agencies shipping custom or heavily customized Shopify themes. It encodes Online Store 2.0 architecture—sections and nestable blocks with {% schema %}, reusable snippets via {% render %}, layout wrappers, JSON templates, locales, and asset conventions—so generated .liquid files validate in the theme editor and follow Shopify Liquid objects, filters, and tags. Invoke it when creating hero modules, product grids, testimonial blocks, or refactoring theme CSS and JS patterns. It reduces rework from invalid schema JSON, missing LiquidDoc, or wrong file type choice when merchants need editor-visible settings versus internal helpers.2.3kinstalls2Liquid Theme Standardsliquid-theme-standards is an agent skill that encodes CSS and Liquid composition patterns for Shopify Online Store 2.0-style themes. Solo and indie builders use it when an agent is writing or refactoring sections, snippets, and scoped styles so markup, settings-driven CSS variables, grid layouts, and snippet renders stay consistent with common theme conventions. The readme walks through a featured-collection section with dynamic padding and columns, container-query-based grids, and reduced-motion safeguards—useful when you are building ecommerce storefronts with Claude Code, Cursor, or Codex and want repeatable component structure instead of one-off inline styles. It does not replace Shopify’s theme-check CLI or merchant-specific brand guidelines; it accelerates correct structure and maintainable CSS inside Liquid files during the Build → frontend slice of the journey.1.7kinstalls3Liquid Theme A11yliquid-theme-a11y is a reference skill for Shopify theme developers who need concrete accessibility patterns beyond a short SKILL.md overview. Solo builders shipping DTC or indie ecommerce stores use it while editing Liquid templates for product detail, collection navigation, and spec tables. The documented patterns cover color swatches as radio groups inside fieldsets, breadcrumb trails with proper list and current-page semantics, and data tables with captions and column scope for size charts. Each snippet emphasizes translated labels, visually hidden text where visuals carry meaning, and never relying on color alone for variant selection. It pairs naturally with theme QA and launch checklists but does not run automated audits or replace legal compliance review. Install it when your agent is generating or refactoring storefront markup and you want WCAG-aligned defaults for common commerce UI blocks.1.7kinstalls