Génère du code de thème Shopify Liquid (sections, blocs, extraits) avec un schema JSON correct, des en-têtes LiquidDoc, des clés de traduction et des patrons CSS/JS. À utiliser lors de la création ou de la modification de fichiers .liquid pour les thèmes Shopify, en travaillant avec schema, doc, stylesheet, javascript tags, ou les objets/filtres/tags Liquid de Shopify.
Cette compétence permet de générer du code de thème Shopify Liquid de manière fiable, en respectant les bonnes pratiques et la structure standard des thèmes Shopify. Elle est particulièrement utile pour les développeurs travaillant sur des thèmes Shopify, qu'il s'agisse de créer de nouvelles sections, de modifier des blocs existants, ou de gérer des extraits de code réutilisables. L'outil s'assure que le schema JSON est correctement formaté, que les en-têtes LiquidDoc sont présents pour la documentation, que les clés de traduction sont cohérentes dans l'ensemble du thème, et que les patrons CSS et JS suivent les conventions recommandées par Shopify. Il prend en charge toutes les balises, objets et filtres Liquid de Shopify, ainsi que les tags schema, doc, stylesheet et javascript. Cette compétence est compatible avec les agents d'IA comme Claude Code, Cursor, et Codex, et peut être intégrée dans des workflows de développement de thèmes Shopify.
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themesGénère du code de thème Shopify Liquid (sections, blocs, extraits) avec un schema JSON correct, des en-têtes LiquidDoc, des clés de traduction et des patrons CSS/JS. À utiliser lors de la création ou de la modification de fichiers .liquid pour les thèmes Shopify, en travaillant avec schema, doc, stylesheet, javascript tags, ou les objets/filtres/tags Liquid de 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".