Implementa patrones de accesibilidad WCAG 2.2 en temas Liquid de Shopify. Cubre componentes específicos de comercio electrónico como tarjetas de producto, carruseles, cajones de carrito, visualización de precios, formularios, filtros y modales.
Esta habilidad permite implementar patrones de accesibilidad WCAG 2.2 en temas Liquid de Shopify. Es útil para desarrolladores y diseñadores que trabajan con componentes específicos de comercio electrónico, como tarjetas de producto, carruseles, cajones de carrito, visualización de precios, formularios, filtros y modales. La habilidad se aplica al construir o revisar componentes accesibles del tema, corregir problemas de accesibilidad o revisar patrones ARIA en archivos .liquid. Sigue las pautas de WCAG 2.2 para garantizar que los temas sean utilizables por personas con discapacidades. Compatible con plataformas como Shopify y cualquier agente de IA que procese archivos Liquid. Funciona analizando el código fuente y sugiriendo mejoras de accesibilidad basadas en las mejores prácticas documentadas en su propio SKILL.md.
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/liquid-theme-a11yImplementa patrones de accesibilidad WCAG 2.2 en temas Liquid de Shopify. Cubre componentes específicos de comercio electrónico como tarjetas de producto, carruseles, cajones de carrito, visualización de precios, formularios, filtros y modales. Se usa al construir componentes accesibles del tema, solucionar problemas de accesibilidad o revisar patrones ARIA en archivos .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".