Generiert Shopify Liquid-Theme-Code (Sections, Blocks, Snippets) mit korrektem Schema-JSON, LiquidDoc-Headern, Übersetzungsschlüsseln sowie CSS/JS-Mustern. Zu verwenden beim Erstellen oder Bearbeiten von .liquid-Dateien für Shopify-Themes, bei der Arbeit mit Schema, Doc, Stylesheet, JavaScript-Tags oder Shopify-Liquid-Objekten/ Filtern/ Tags.
Diese Anweisung ist ein Skill für KI-Agenten, der die Generierung von Shopify Liquid Theme Code optimiert. Sie stellt sicher, dass beim Erstellen oder Bearbeiten von .liquid-Dateien für Shopify-Themes automatisch korrektes Schema-JSON, vollständige LiquidDoc-Header, konsistente Übersetzungsschlüssel sowie standardisierte CSS- und JavaScript-Muster erzeugt werden. Der Skill ist ideal für Entwickler, die Sections, Blocks und Snippets in Shopify-Themes entwickeln, und arbeitet nahtlos mit allen Shopify-Liquid-Objekten, Filtern und Tags. Durch die strukturierte Vorgehensweise wird die Einhaltung von Shopify-Best Practices gewährleistet und die Wartbarkeit sowie Internationalisierung des Theme-Codes erheblich verbessert.
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themesGeneriert Shopify-Liquid-Theme-Code (Sections, Blocks, Snippets) mit korrektem Schema-JSON, LiquidDoc-Headern, Übersetzungsschlüsseln sowie CSS/JS-Mustern. Zu verwenden beim Erstellen oder Bearbeiten von .liquid-Dateien für Shopify-Themes, bei der Arbeit mit Schema, Doc, Stylesheet, JavaScript-Tags oder Shopify-Liquid-Objekten/ Filtern/ Tags.
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".