benjaminsehlbenjaminsehlCommunityยท3 Agent Skills Included

liquid-skills

Shopify Liquid theme coding, styling, and accessibility standards

Generates correct Shopify Liquid theme code including sections, blocks, snippets, schema JSON, filters, and translation keys. Applies proven CSS, JavaScript, and HTML standards like BEM naming, design tokens, and Web Components without external dependencies. Builds WCAG 2.2 accessible e-commerce components such as product cards, cart drawers, modals, and filters, eliminating guesswork and accessibility errors.
npx skills add benjaminsehl/liquid-skills --all -g -y

All Skills in This Repository (3)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install liquid-skills?โ–ผ

Run `npx skills add benjaminsehl/liquid-skills --all -g -y` in your terminal to install all three skills globally.

What do these Shopify Liquid skills cover?โ–ผ

They cover Liquid language fundamentals (152 filters, 30 tags, 137 objects, schema settings), CSS/JS/HTML coding standards, and WCAG 2.2 accessibility patterns for e-commerce components.

Can AI write accessible Shopify theme components?โ–ผ

Yes. The a11y skill gives your agent ready-made patterns for product cards, carousels, cart drawers, modals, and forms that work with keyboards and screen readers.

Do these skills work with any Shopify theme?โ–ผ

Yes. All three skills apply to any Shopify Liquid theme and follow the universal SKILL.md standard, working in Claude Code, Cursor, and other compatible agents.

Do I need Liquid experience to use these skills?โ–ผ

No. Describe the section or component you want in plain English, and your agent uses the built-in references to produce correct, standards-compliant theme code.

Related Repositories in Software Engineering

View All in Software Engineeringโ†’