{
  "markdown": "# Shopify Liquid Theme Skills\n\nA collection of Claude Agent Skills for Shopify Liquid theme development. Three skills organized by scope — Liquid language fundamentals, coding standards, and accessibility.\n\n## Installation\n\n```bash\nclaude skill install --plugin shopify-theme-skills benjaminsehl/liquid-skills\n```\n\n## Skills Overview\n\n| Skill | Scope | SKILL.md | What Claude learns |\n|-------|-------|----------|-------------------|\n| [`skills/shopify-liquid-themes/`](#shopify-liquid-themes) | All Liquid themes | 318 lines | Schema JSON, LiquidDoc, filters, tags, objects, translations |\n| [`skills/liquid-theme-standards/`](#liquid-theme-standards) | All Liquid themes | 420 lines | BEM in `{% stylesheet %}`, design tokens, Web Components, defensive CSS |\n| [`skills/liquid-theme-a11y/`](#liquid-theme-a11y) | All Liquid themes | 448 lines | WCAG patterns for e-commerce components |\n\n### How they relate\n\n```\n┌──────────────────────────────────────────────────┐\n│  shopify-liquid-themes    (Liquid language)       │\n│  liquid-theme-standards   (CSS/JS/HTML patterns)  │\n│  liquid-theme-a11y        (Accessibility)         │\n└──────────────────────────────────────────────────┘\n```\n\nAll three skills work with any Shopify Liquid theme.\n\n---\n\n## shopify-liquid-themes\n\nLiquid language fundamentals: schema format, 33 setting types, 152 filters, 30 tags, 137 objects, LiquidDoc, and translation patterns.\n\n```\nskills/shopify-liquid-themes/\n├── SKILL.md\n└── references/\n    ├── filters-language.md     # 77 filters: array, string, math, date, default, format (auto-generated)\n    ├── filters-html-media.md   # 45 filters: color, font, html, media, hosted file (auto-generated)\n    ├── filters-commerce.md     # 30 filters: cart, collection, money, payment, etc. (auto-generated)\n    ├── tags.md                 # 30 tags with syntax/examples (auto-generated)\n    ├── objects-commerce.md     # 5 core commerce objects: product, variant, cart, order, line_item (auto-generated)\n    ├── objects-content.md      # 10 content/theme objects: collection, customer, page, shop, etc. (auto-generated)\n    ├── objects-tier2.md        # 69 objects with property lists (auto-generated)\n    ├── objects-tier3.md        # 53 simple objects with access paths (auto-generated)\n    ├── schema-and-settings.md  # Schema format, 33 setting types\n    └── examples.md             # Full snippet/block/section examples\n```\n\n## liquid-theme-standards\n\nCSS, JavaScript, and HTML coding standards for Shopify themes. Covers BEM naming inside `{% stylesheet %}` tags, design tokens with CSS custom properties, Web Component patterns, defensive CSS, logical properties for RTL, and progressive enhancement.\n\n```\nskills/liquid-theme-standards/\n├── SKILL.md\n└── references/\n    ├── css-patterns.md         # Layout, animation, print styles\n    └── javascript-patterns.md  # Web Components, events, data loading\n```\n\n## liquid-theme-a11y\n\nWCAG 2.2 accessibility patterns for e-commerce components: product cards, carousels, cart drawers, forms, filters, price display, modals, navigation, and color swatches.\n\n```\nskills/liquid-theme-a11y/\n├── SKILL.md\n└── references/\n    ├── component-patterns.md   # Color swatches, breadcrumbs, tables, sliders\n    └── focus-and-keyboard.md   # Focus trapping, roving tabindex, announcements\n```\n\n",
  "bytes": 3306,
  "sha": "f14a64181a8cb3d506b47789e1686abf47b720d4478bf6dd6b55e81b8215d09e",
  "repo_slug": "benjaminsehl/liquid-skills",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_benjaminsehl_liquid_skills_shopify_liqui_940d849f/readme"
}