Implémentez les modèles d'accessibilité WCAG 2.2 dans les thèmes Shopify Liquid. Couvre les composants spécifiques au e-commerce, notamment les fiches produits, les carrousels, les tiroirs de panier, l'affichage des prix, les formulaires, les filtres et les modales.
Ce skill est conçu pour les développeurs travaillant sur des thèmes Shopify Liquid qui souhaitent garantir la conformité aux normes d'accessibilité WCAG 2.2. Il propose des directives et des bonnes pratiques pour des composants e-commerce clés, tels que les fiches produits, les carrousels, les tiroirs de panier, l'affichage des prix, les formulaires, les filtres et les modales. Son utilité réside dans l'amélioration de l'expérience utilisateur pour les personnes handicapées, en s'assurant que les interactions de navigation, de sélection et de saisie sont correctement annoncées par les technologies d'assistance. Il prend en charge l'analyse et la correction des motifs ARIA dans les fichiers .liquid, facilitant ainsi l'audit et la réparation des problèmes d'accessibilité existants. Ce skill est particulièrement utile lors de la création de nouveaux composants de thème ou de la révision de motifs d'accessibilité dans un code existant.
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/liquid-theme-a11yImplémentez les modèles d'accessibilité WCAG 2.2 dans les thèmes Shopify Liquid. Couvre les composants spécifiques au e-commerce, notamment les fiches produits, les carrousels, les tiroirs de panier, l'affichage des prix, les formulaires, les filtres et les modales. Utilisez-le lors de la création de composants de thème accessibles, de la correction de problèmes d'accessibilité ou de la révision des motifs ARIA dans les fichiers .liquid.
This repo contains 2 individual skills — each has its own dedicated page.
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.
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.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".