Kandungan ini belum tersedia dalam bahasa anda dan dipaparkan dalam bahasa Inggeris.

Shopify Liquid Theme Skills

Plugin Disahkan

Sebahagian daripada:Shopify Liquid Theme Skills

Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes

Ringkasan AI

This plugin offers three distinct skills: 'shopify-liquid-themes' for core Liquid language elements, 'liquid-theme-standards' for CSS/JS/HTML best practices, and 'liquid-theme-a11y' for WCAG accessibility patterns. It includes extensive reference files for filters, tags, objects, and component patterns, aiding developers in creating compliant and accessible Shopify themes.

Pemasangan

Tambah marketplace dahulu

/plugin marketplace add benjaminsehl/liquid-skills

/plugin install shopify-theme-skills@shopify-liquid-theme-skills

Mengandungi 3 sambungan

Skill (3)

Shopify Liquid Themes Skill

Generate 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.

Liquid Theme Standards Skill

CSS, 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.

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.

28 days ago

benjaminsehl

107 stars

not_applicable

Dikemas kini pada 2 days ago

Lihat sumber

Sambungan serupa

Web Design Builder

Create professional HTML5/JavaScript web designs from specifications with automatic Playwright MCP verification for accessibility and functionality testing

Plugin

rknall

Shopify Dev MCP

Search Shopify docs, generate and validate GraphQL, Liquid, and UI extension code

Plugin

shopify

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

Plugin

anthropics