liquid-theme-a11y은(는) 무엇을 하나요?
Shopify Liquid 테마에 WCAG 2.2 접근성 패턴을 구현합니다. 상품 카드, 캐러셀, 카트 서랍, 가격 표시, 폼, 필터, 모달 등 e-커머스 특화 컴포넌트를 다룹니다. 접근 가능한 테마 컴포넌트를 구축하거나, 접근성 문제를 수정하거나, .liquid 파일의 ARIA 패턴을 검토할 때 사용하세요.
Shopify Liquid 테마에 WCAG 2.2 접근성 패턴을 구현합니다. 상품 카드, 캐러셀, 카트 서랍, 가격 표시, 폼, 필터, 모달 등 e-커머스 특화 컴포넌트를 다룹니다. 접근 가능한 테마 컴포넌트를 구축하거나, 접근성 문제를 수정하거나, .liquid 파일의 ARIA 패턴을 검토할 때 사용하세요.
이 스킬은 Shopify Liquid 테마 내에서 WCAG 2.2 접근성 지침을 체계적으로 구현하도록 도와주는 전문 도구입니다. 개발자는 이 스킬을 통해 e-커머스 환경에서 흔히 사용되는 상품 카드, 캐러셀, 카트 서랍, 가격 표시 영역, 검색 및 결제 폼, 상품 필터, 모달 창 등 주요 컴포넌트에 대한 접근성 패턴을 쉽게 적용할 수 있습니다. 주로 Shopify 플랫폼에서 .liquid 파일을 다루는 개발자를 대상으로 하며, 접근성 문제를 진단하고 수정하거나 기존 ARIA(접근 가능한 리치 인터넷 애플리케이션) 패턴을 검토할 때 유용합니다. 스킬의 SKILL.md 문서에는 각 컴포넌트별 구체적인 구현 예제와 권장 사항이 포함되어 있어, 개발자가 즉시 코드에 반영할 수 있도록 실용적인 가이드를 제공합니다.
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/liquid-theme-a11yShopify Liquid 테마에 WCAG 2.2 접근성 패턴을 구현합니다. 상품 카드, 캐러셀, 카트 서랍, 가격 표시, 폼, 필터, 모달 등 e-커머스 특화 컴포넌트를 다룹니다. 접근 가능한 테마 컴포넌트를 구축하거나, 접근성 문제를 수정하거나, .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".