liquid-theme-standards이란?
Shopify Liquid 테마에 대한 CSS, JavaScript 및 HTML 코딩 표준입니다. 스타일시트 태그 내부의 BEM 이름 지정, 디자인 토큰, CSS 사용자 정의 속성, 테마용 웹 구성 요소, 방어 CSS 및 점진적인 향상을 다룹니다. .liquid 파일이나 테마 자산 파일에 CSS/JS/HTML을 작성할 때 사용합니다. 출처: benjaminsehl/liquid-skills.
Shopify Liquid 테마에 대한 CSS, JavaScript 및 HTML 코딩 표준입니다. 스타일시트 태그 내부의 BEM 이름 지정, 디자인 토큰, CSS 사용자 정의 속성, 테마용 웹 구성 요소, 방어 CSS 및 점진적인 향상을 다룹니다. .liquid 파일이나 테마 자산 파일에 CSS/JS/HTML을 작성할 때 사용합니다.
명령줄에서 liquid-theme-standards AI 스킬을 개발 환경에 빠르게 설치
출처: benjaminsehl/liquid-skills.
| {% stylesheet %} | No | Component-scoped styles (one per file) | | {% style %} | Yes | Dynamic values needing Liquid (e.g., color settings) | | assets/.css | No | Shared/global styles |
Critical: {% stylesheet %} does NOT process Liquid. Use inline style attributes for dynamic values:
Use CSS custom properties for all values — never hardcode colors, spacing, or fonts. Define a consistent scale and reference it everywhere.
Shopify Liquid 테마에 대한 CSS, JavaScript 및 HTML 코딩 표준입니다. 스타일시트 태그 내부의 BEM 이름 지정, 디자인 토큰, CSS 사용자 정의 속성, 테마용 웹 구성 요소, 방어 CSS 및 점진적인 향상을 다룹니다. .liquid 파일이나 테마 자산 파일에 CSS/JS/HTML을 작성할 때 사용합니다. 출처: benjaminsehl/liquid-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standardsShopify Liquid 테마에 대한 CSS, JavaScript 및 HTML 코딩 표준입니다. 스타일시트 태그 내부의 BEM 이름 지정, 디자인 토큰, CSS 사용자 정의 속성, 테마용 웹 구성 요소, 방어 CSS 및 점진적인 향상을 다룹니다. .liquid 파일이나 테마 자산 파일에 CSS/JS/HTML을 작성할 때 사용합니다. 출처: benjaminsehl/liquid-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/benjaminsehl/liquid-skills