·utopia-grid-layout
</>

utopia-grid-layout

matthewharwood/fantasy-phonics

Utopia 유동 간격을 사용하는 CSS 그리드 유틸리티입니다. 이 프로젝트에 정의된 그리드 변수 및 유틸리티 클래스에 대한 참조입니다.

0설치·0트렌드·@matthewharwood

설치

$npx skills add https://github.com/matthewharwood/fantasy-phonics --skill utopia-grid-layout

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