·liquid-theme-standards
</>

liquid-theme-standards

Shopify Liquid 테마에 대한 CSS, JavaScript 및 HTML 코딩 표준입니다. 스타일시트 태그 내부의 BEM 이름 지정, 디자인 토큰, CSS 사용자 정의 속성, 테마용 웹 구성 요소, 방어 CSS 및 점진적인 향상을 다룹니다. .liquid 파일이나 테마 자산 파일에 CSS/JS/HTML을 작성할 때 사용합니다.

375설치·3트렌드·@benjaminsehl

설치

$npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards

liquid-theme-standards 설치 방법

명령줄에서 liquid-theme-standards AI 스킬을 개발 환경에 빠르게 설치

  1. 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
  2. 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards
  3. 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: 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-standards
카테고리
</>개발 도구
인증됨
최초 등록
2026-02-25
업데이트
2026-03-10

Browse more skills from benjaminsehl/liquid-skills

빠른 답변

liquid-theme-standards이란?

Shopify Liquid 테마에 대한 CSS, JavaScript 및 HTML 코딩 표준입니다. 스타일시트 태그 내부의 BEM 이름 지정, 디자인 토큰, CSS 사용자 정의 속성, 테마용 웹 구성 요소, 방어 CSS 및 점진적인 향상을 다룹니다. .liquid 파일이나 테마 자산 파일에 CSS/JS/HTML을 작성할 때 사용합니다. 출처: benjaminsehl/liquid-skills.

liquid-theme-standards 설치 방법은?

터미널 또는 명령줄 도구(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

상세

카테고리
</>개발 도구
출처
skills.sh
최초 등록
2026-02-25