Implemente padrões de acessibilidade WCAG 2.2 em temas Shopify Liquid. Abrange componentes específicos de e-commerce, como cartões de produto, carrosséis, gavetas de carrinho, exibição de preços, formulários, filtros e modais. Use ao criar componentes de tema acessíveis, corrigir problemas de acessibilidade ou revisar padrões ARIA em arquivos .liquid.
Este skill, benjaminsehl/liquid-theme-a11y, especializa-se em implementar padrões de acessibilidade WCAG 2.2 em temas Shopify Liquid, focando em componentes de e-commerce. Ele ajuda desenvolvedores a criar e corrigir componentes de tema acessíveis, como cartões de produto, carrosséis, gavetas de carrinho, exibição de preços, formulários, filtros e modais. Suportado para uso em plataformas como Claude Code, ele funciona revisando e gerando padrões ARIA em arquivos .liquid garantindo conformidade com WCAG. É útil para desenvolvedores que desejam garantir que seus temas Shopify sejam acessíveis a usuários com deficiências, melhorando a experiência do usuário e evitando problemas legais de acessibilidade.
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/liquid-theme-a11yImplemente padrões de acessibilidade WCAG 2.2 em temas Shopify Liquid. Abrange componentes específicos de e-commerce, incluindo cartões de produto, carrosséis, gavetas de carrinho, exibição de preços, formulários, filtros e modais. Use ao criar componentes de tema acessíveis, corrigindo problemas de acessibilidade ou revisando padrões ARIA em arquivos .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".