utopia-grid-layout
Utopia 유동 간격을 사용하는 CSS 그리드 유틸리티입니다. 이 프로젝트에 정의된 그리드 변수 및 유틸리티 클래스에 대한 참조입니다.
SKILL.md
Generated from: https://utopia.fyi/grid/calculator?c=360,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12
| --grid-max-width | 77.50rem (1240px) | Maximum content width | | --grid-gutter | var(--space-s-l) | Fluid gutter: 18px → 40px | | --grid-columns | 12 | Column count |
Utopia 유동 간격을 사용하는 CSS 그리드 유틸리티입니다. 이 프로젝트에 정의된 그리드 변수 및 유틸리티 클래스에 대한 참조입니다. 출처: matthewharwood/fantasy-phonics.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill utopia-grid-layout 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill utopia-grid-layout- 카테고리
- </>개발 도구
- 인증됨
- —
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
utopia-grid-layout이란?
Utopia 유동 간격을 사용하는 CSS 그리드 유틸리티입니다. 이 프로젝트에 정의된 그리드 변수 및 유틸리티 클래스에 대한 참조입니다. 출처: matthewharwood/fantasy-phonics.
utopia-grid-layout 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill utopia-grid-layout 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/matthewharwood/fantasy-phonics
상세
- 카테고리
- </>개발 도구
- 출처
- user
- 최초 등록
- 2026-02-01