Community라이팅 & 에디팅github.com

voltwake/grid-typesetting-systems

웹에서 실제 스위스 그리드 편집 타이포그래피를 구현하는 Claude 스킬 — 12열 + 8px 기준선, 서브그리드 밴드, 그리드 오버레이, 광학 정렬, 0px 준수 검증기를 제공합니다. Hyperagent의 무료 스킬에서 재구성되었습니다.

grid-typesetting-systems란 무엇인가요?

이 스킬은 Claude AI가 웹 프로젝트에서 스위스 그리드(스위스 타이포그래피 스타일) 기반의 정밀한 편집 디자인을 구현할 수 있도록 설계되었습니다. 12열 그리드와 8px 기준선 시스템을 기반으로 하여, 서브그리드 밴드, 그리드 오버레이, 광학 정렬 기능을 제공하며, 모든 요소가 픽셀 단위로 그리드에 정확히 맞는지 검증하는 0px 준수 검증기도 포함되어 있습니다. CSS 그리드, 서브그리드, 그리고 기준선 그리드를 활용하여 일관되고 정돈된 레이아웃을 생성하며, 디자이너와 개발자 모두에게 유용합니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 사용할 수 있으며, Hyperagent의 무료 스킬을 기반으로 재구성되었습니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add voltwake/grid-typesetting-systems

Installed? Explore more 라이팅 & 에디팅 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

grid-typesetting-systems은(는) 무엇을 하나요?

웹에서 실제 스위스 그리드 편집 타이포그래피를 구현하는 Claude 스킬 — 12열 + 8px 기준선, 서브그리드 밴드, 그리드 오버레이, 광학 정렬, 0px 준수 검증기를 제공합니다. Hyperagent의 무료 스킬에서 재구성되었습니다.

관련 스킬