shopify-liquid-themes 是做什么的?
生成 Shopify Liquid 主题代码(区段、块、代码片段),包含正确的 schema JSON、LiquidDoc 头部、翻译键和 CSS/JS 模式。用于创建或编辑 Shopify 主题的 .liquid 文件,处理 schema、doc、样式表、JavaScript 标签或 Shopify Liquid 对象/过滤器/标签。
生成 Shopify Liquid 主题代码(区段、块、代码片段),包含正确的 schema JSON、LiquidDoc 头部、翻译键和 CSS/JS 模式。用于创建或编辑 Shopify 主题的 .liquid 文件,处理 schema、doc、样式表、JavaScript 标签或 Shopify Liquid 对象/过滤器/标签。
此技能专为开发 Shopify 主题的开发者设计,能自动生成符合最佳实践的 Liquid 主题代码。它支持创建和编辑 .liquid 文件,涵盖区段(Sections)、块(Blocks)和代码片段(Snippets),并自动添加正确的 schema JSON、LiquidDoc 头部文档、翻译键以及 CSS 和 JavaScript 模式。该技能适用于任何需要处理 Shopify Liquid 语法(包括对象、过滤器和标签)的场景,同时确保代码遵循主题开发标准。它兼容 Claude Code、Cursor 和 Codex 等 AI 代理平台,能够根据 SKILL.md 中的详细规则生成结构清晰、可维护的代码。使用时只需提供 .liquid 文件路径或描述所需功能,即可获得完整的代码输出,从而大幅提高开发效率并减少手动错误。
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themes生成 Shopify Liquid 主题代码(区段、块、代码片段),包含正确的 schema JSON、LiquidDoc 头部、翻译键和 CSS/JS 模式。用于创建或编辑 Shopify 主题的 .liquid 文件,处理 schema、doc、样式表、JavaScript 标签或 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".