Gere código de tema Shopify Liquid (seções, blocos, snippets) com JSON de schema, cabeçalhos LiquidDoc, chaves de tradução e padrões CSS/JS corretos. Use ao criar ou editar arquivos .liquid para temas Shopify, trabalhando com schema, doc, stylesheet, tags javascript ou objetos/filtros/tags Liquid do Shopify.
Esta skill é projetada para desenvolvedores que trabalham com temas Shopify Liquid. Ela auxilia na geração e edição de código de tema, garantindo que seções, blocos e snippets contenham o JSON de schema correto (para configuração do painel de administração), cabeçalhos LiquidDoc (para documentação interna), chaves de tradução (para internacionalização) e padrões CSS/JS adequados. A skill é útil para acelerar o desenvolvimento, evitar erros comuns de sintaxe e manter consistência entre arquivos .liquid. Ela suporta a criação de novos elementos, a modificação de código existente e a implementação correta de funcionalidades como estilos, scripts e lógica condicional Liquid.
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themesGere código de tema Shopify Liquid (seções, blocos, snippets) com JSON de schema, cabeçalhos LiquidDoc, chaves de tradução e padrões CSS/JS corretos. Use ao criar ou editar arquivos .liquid para temas Shopify, trabalhando com schema, doc, stylesheet, tags javascript ou objetos/filtros/tags Liquid do Shopify.
This repo contains 2 individual skills — each has its own dedicated page.
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.
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.
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".