shopify-liquid-themes은(는) 무엇을 하나요?
Shopify Liquid 테마 코드(섹션, 블록, 스니펫)를 올바른 스키마 JSON, LiquidDoc 헤더, 번역 키, CSS/JS 패턴으로 생성합니다. Shopify 테마용 .liquid 파일을 생성하거나 편집할 때, 스키마, 문서, 스타일시트, 자바스크립트 태그 또는 Shopify Liquid 객체/필터/태그를 다룰 때 사용하세요.
Shopify Liquid 테마 코드(섹션, 블록, 스니펫)를 올바른 스키마 JSON, LiquidDoc 헤더, 번역 키, CSS/JS 패턴으로 생성합니다. Shopify 테마용 .liquid 파일을 생성하거나 편집할 때, 스키마, 문서, 스타일시트, 자바스크립트 태그 또는 Shopify Liquid 객체/필터/태그를 다룰 때 사용하세요.
이 스킬은 Shopify 테마 개발을 위해 특별히 설계된 AI 도구로, 개발자가 올바른 구조와 패턴으로 Liquid 테마 코드를 생성할 수 있도록 지원합니다. 주요 기능으로는 섹션, 블록, 스니펫 생성 시 자동으로 올바른 스키마 JSON을 포함하며, LiquidDoc 헤더를 추가하여 코드 문서화를 용이하게 합니다. 또한, 다국어 지원을 위한 번역 키 구조를 자동 생성하고, CSS 및 JavaScript 파일 연결 패턴을 올바르게 적용합니다. 이 스킬은 Cursor, Claude Code, Codex와 같은 AI 에이전트 플랫폼에서 사용할 수 있으며, .liquid 파일 작업 시 스키마, 스타일시트, 자바스크립트 태그, Shopify Liquid 객체/필터/태그를 다루는 모든 상황에서 유용합니다. 개발자는 일관된 코드 품질과 생산성 향상을 경험할 수 있습니다.
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themesShopify Liquid 테마 코드(섹션, 블록, 스니펫)를 올바른 스키마 JSON, LiquidDoc 헤더, 번역 키, CSS/JS 패턴으로 생성합니다. Shopify 테마용 .liquid 파일을 생성하거나 편집할 때, 스키마, 문서, 스타일시트, 자바스크립트 태그 또는 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".