본문으로 건너뛰기
RAISE LABRAISE LAB

SKILL

한국어 웹 조판

화면 폭 360~1440px에서 한국어 줄바꿈·여백·그리드를 맞추고 네 폭으로 검사합니다.

회원v1.0Opus 5, Sonnet 5

한국어 웹 화면의 줄바꿈, 여백, 그리드를 맞추는 스킬입니다. 화면 폭 360~1440px에서 글자 크기와 여백이 이어서 바뀌는 CSS를 입히고, 네 폭을 실제로 렌더해 문제를 찾습니다. 이런 때 사용하세요 - 랜딩·소개 페이지, HTML 보고서를 만들거나 고칠 때 - 「모바일에서 줄바꿈이 이상하다」, 「글자가 화면 끝에 붙는다」, 「가로 스크롤이 생긴다」는 말을 들었을 때 결과물 - 한국어 줄바꿈 기본값과 4/8/12단 그리드가 들어간 CSS, 네 폭 검사 결과(어절 중간 줄바꿈, 가로 넘침, 화면 끝 글자, 긴 줄, 제목 줄 끝 수식어). 사용 범위와 제한 - 고정 크기 슬라이드는 「발표 슬라이드 조판」이 맡습니다. 두 스킬은 같은 한국어 조판 기준 문서를 함께 씁니다. - 검사에는 Node와 Playwright가 필요합니다. 원본·제작 - RAISE LAB 제작

설치하기

RAISE LAB이 만든 스킬입니다. 프롬프트를 복사해 내 클로드에 붙여넣거나, 압축 파일을 받아 스킬 폴더에 넣으세요.

로그인하면 압축 파일을 받을 수 있습니다.

로그인

어디에 설치되나요

모든 프로젝트에서 쓰려면 내 컴퓨터의 ~/.claude/skills 에, 지금 프로젝트에서만 쓰려면 그 프로젝트의 .claude/skills 에 넣습니다. 프롬프트로 설치하면 어느 쪽에 넣을지 클로드가 물어봅니다.

같은 이름의 스킬이 이미 있으면 지우지 않고 백업해 두도록 프롬프트에 적혀 있습니다. 새 판이 나오면 같은 프롬프트를 다시 붙여넣으세요.

압축 파일로 직접 넣기

압축을 풀면 나오는 스킬 폴더를 위 자리에 그대로 옮기세요. 모든 프로젝트에서 쓸 자리라면 아래 명령으로 한 번에 넣을 수 있습니다.

# macOS · Linux
mkdir -p ~/.claude/skills && unzip -o korean-web-typography-1.0.zip -d ~/.claude/skills/

# Windows (PowerShell)
Expand-Archive korean-web-typography-1.0.zip -DestinationPath $HOME\.claude\skills\ -Force

포함된 파일

assets/ko-web.css3.5 KB
README.md1.9 KB
references/korean-typography-core.md7.0 KB
scripts/check_web.mjs8.3 KB
SKILL.md5.4 KB

파일 확인값 4e3c94f664391c68…

변경 내역

맥 스튜디오 판 최초