liquid-theme-a11y 是做什么的?
在 Shopify Liquid 主题中实现 WCAG 2.2 无障碍模式。涵盖产品卡片、旋转木马、购物车抽屉、价格显示、表单、筛选器和模态框等电商特定组件。适用于构建无障碍主题组件、修复无障碍问题或审查 .liquid 文件中的 ARIA 模式。
在 Shopify Liquid 主题中实现 WCAG 2.2 无障碍模式。涵盖产品卡片、旋转木马、购物车抽屉、价格显示、表单、筛选器和模态框等电商特定组件。适用于构建无障碍主题组件、修复无障碍问题或审查 .liquid 文件中的 ARIA 模式。
这是一个专为 Shopify Liquid 主题开发设计的 AI 技能,专注于实现 WCAG 2.2 无障碍标准。它能够帮助开发者构建和修复电商网站中关键组件的无障碍性,包括产品卡片、轮播图、购物车抽屉、价格显示、表单、筛选器和弹窗等。该技能支持在编辑 .liquid 文件时提供 ARIA 模式的审查和补全建议,确保主题符合无障碍法规要求。它适用于 Cursor、Claude Code 等 AI 编码助手,通过读取和生成标记语言来直接优化主题代码。
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/liquid-theme-a11y在 Shopify Liquid 主题中实现 WCAG 2.2 无障碍模式。涵盖产品卡片、旋转木马、购物车抽屉、价格显示、表单、筛选器和模态框等电商特定组件。适用于构建无障碍主题组件、修复无障碍问题或审查 .liquid 文件中的 ARIA 模式。
This repo contains 2 individual skills — each has its own dedicated page.
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.
Generate Shopify Liquid theme code (sections, blocks, snippets) with correct schema JSON, LiquidDoc headers, translation keys, and CSS/JS patterns. Use when creating or editing .liquid files for Shopify themes, working with schema, doc, stylesheet, javascript tags, or Shopify Liquid objects/filters/tags.
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".