Liquid Theme Accessibility
Skill 已验证Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes. Covers e-commerce-specific components including product cards, carousels, cart drawers, price display, forms, filters, and modals. Use when building accessible theme components, fixing accessibility issues, or reviewing ARIA patterns in .liquid files.
This skill provides detailed ARIA patterns, HTML structures, and CSS snippets for ensuring e-commerce components like product cards, carousels, modals, and forms meet WCAG 2.2 accessibility standards within Shopify Liquid themes.
Maintenance
- warning:Commit recencyThere are no commits in the last 12 months, indicating the extension may be unmaintained.
Versioning
- warning:Release ManagementNo version information (e.g., SKILL.md frontmatter, package.json, CHANGELOG) is present, and install instructions reference 'main'.
安装
请先添加 Marketplace
/plugin marketplace add benjaminsehl/liquid-skills/plugin install shopify-theme-skills@shopify-liquid-theme-skills类似扩展
Shopify Automation
89Shopify e-commerce automation - inventory management, order processing, customer workflows, and analytics
Shopify Liquid Themes
88Generate Shopify Liquid theme code (sections, blocks, snippets) with correct schema JSON, LiquidDoc headers, translation keys, and CSS/JS patterns. Use when creating or editing .liquid files for Shopify themes, working with schema, doc, stylesheet, javascript tags, or Shopify Liquid objects/filters/tags.
Frontend Accessibility Best Practices
85Accessibility (a11y) best practices for React components. Use when creating UI components, forms, interactive elements, or reviewing code for accessibility compliance.
Liquid Theme Standards
85CSS, JavaScript, and HTML coding standards for Shopify Liquid themes. Covers BEM naming inside stylesheet tags, design tokens, CSS custom properties, Web Components for themes, defensive CSS, and progressive enhancement. Use when writing CSS/JS/HTML in .liquid files or theme asset files.
Accessibility Auditor
49Audit websites for accessibility issues and WCAG compliance. Use when checking accessibility, fixing a11y issues, or ensuring WCAG compliance.
Frontend Design
99Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools for creating color palettes, typography systems, design tokens, and component templates. Supports React, Vue, Svelte, and vanilla HTML/CSS. Use when building web components, pages, or applications. Keywords: design, UI, frontend, CSS, components, palette, typography, tokens, accessibility.