Genera código de temas Shopify Liquid (secciones, bloques, fragmentos) con JSON de esquema correcto, encabezados LiquidDoc, claves de traducción y patrones CSS/JS. Úsalo al crear o editar archivos .liquid para temas de Shopify, trabajando con esquemas, documentación, etiquetas de hoja de estilo, JavaScript, o con objetos, filtros y etiquetas de Shopify Liquid.
Esta habilidad está diseñada para desarrolladores que trabajan con temas de Shopify en Liquid. Proporciona asistencia en la creación y edición de archivos .liquid, generando automáticamente el JSON de esquema (schema) correcto para secciones, bloques y fragmentos (snippets), así como encabezados LiquidDoc para documentación inline, claves de traducción (locales) y patrones consistentes de CSS y JavaScript. Es especialmente útil cuando se interactúa con etiquetas de esquema, doc, stylesheet y javascript, o cuando se necesitan objetos, filtros y etiquetas de Shopify Liquid. Compatible con herramientas de desarrollo de agentes de IA como Claude Code, Cursor y Codex, esta habilidad acelera el desarrollo de temas garantizando que el código generado siga las mejores prácticas de Shopify, reduciendo errores de sintaxis y mejorando la mantenibilidad del tema.
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themesGenera código de temas Shopify Liquid (secciones, bloques, fragmentos) con JSON de esquema correcto, encabezados LiquidDoc, claves de traducción y patrones CSS/JS. Úsalo al crear o editar archivos .liquid para temas de Shopify, trabajando con esquemas, documentación, etiquetas de hoja de estilo, JavaScript, o con objetos, filtros y etiquetas de Shopify Liquid.
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".