vanilla-wrap-balancer

HTML로 만든 페이지·발표 자료(슬라이드 덱)를 헤드리스로 렌더해 줄바꿈이 어색한 곳을 전수로 찾아내고(어절 중간 끊김·마지막 줄 외톨이(고아)·줄 길이 불균형·넘침/잘림·숫자단위 분리), 페이지 단위 루브릭으로 0–100 채점한 뒤 wrap-balancer와 word-break:keep-all로 고치고 적용 전/후를 재스캔해 개선을 검증하는 스킬. 사용자가 "발표자료 줄바꿈 점검/감사/검수", "HTML 페이지에서 줄바꿈 이상한 곳 찾아줘", "슬라이드 줄바꿈 어색한 데 개선", "타이포 줄바꿈 품질 평가/루브릭", "deck/page line-break audit", "고아 단어/어절 끊김/오버플로 점검"을 원할 때 — 라이브러리 이름을 직접 말하지 않아도 — 적극적으로 사용한다. 특정 제목 하나만 밸런싱하는 게 아니라, 페이지/덱 전체를 훑어 줄바꿈 문제를 발견·채점·개선하려는 의도면 이 스킬이다.

단일 제목·헤드라인(또는 몇 개의 제목 요소)에 wrap-balancer.js(react-wrap-balancer의 무의존성 바닐라 포트)를 CDN script tag로 주입해 줄바꿈을 균형 잡고, 한국어로 적용 전/후를 렌더링·스크린샷해 전/후 시각 변화와 전용 루브릭 평가 에이전트로 개선 여부를 채점하는 스킬. 사용자가 특정 제목·타이틀·히어로 카피의 줄바꿈을 '예쁘게/균형있게' 만들고 싶을 때, 마지막 줄에 단어 하나만 외롭게 떨어지는 고아(orphan)를 없애고 싶을 때, 한국어 제목이 단어 중간에서 끊기는 걸 고치고 싶을 때, 사이트에 wrap-balancer나 react-wrap-balancer를 붙이고 싶을 때, 한 제목의 적용 전/후 모습을 비교·평가하고 싶을 때 — 라이브러리 이름을 직접 말하지 않아도 — 적극적으로 사용한다. "제목 줄바꿈 예쁘게", "타이틀 밸런싱", "마지막 줄에 단어 하나만 떨어져", "헤드라인 균형", "wrap-balancer 적용", "text-wrap balance 줬는데 한국어가 단어 중간에서 끊겨" 같은 요청에 트리거된다. Also triggers in English for "balance the heading line wrapping", "fix the orphan word on the last line", "add wrap-balancer". 경계(이 스킬이 아님): 페이지나 슬라이드 덱 '전체'를 훑어 줄바꿈 문제를 전수로 찾아 감사·채점(scan/audit)하려는 경우는 linebreak-audit을 쓴다. text-align의 양쪽 정렬(justify), line-height(줄간격) 조정, 레이아웃 정렬, 번역은 이 스킬과 무관하다.

단일 제목·헤드라인(또는 몇 개의 제목 요소)에 wrap-balancer.js(react-wrap-balancer의 무의존성 바닐라 포트)를 CDN <script>로 주입해 줄바꿈을 균형 잡고, 한국어로 적용 전/후를 렌더링·스크린샷해 전/후 시각 변화와 전용 루브릭 평가 에이전트로 개선 여부를 채점하는 스킬. 사용자가 특정 제목·타이틀·히어로 카피의 줄바꿈을 '예쁘게/균형있게' 만들고 싶을 때, 마지막 줄에 단어 하나만 외롭게 떨어지는 고아(orphan)를 없애고 싶을 때, 한국어 제목이 단어 중간에서 끊기는 걸 고치고 싶을 때, 사이트에 wrap-balancer나 react-wrap-balancer를 붙이고 싶을 때, 한 제목의 적용 전/후 모습을 비교·평가하고 싶을 때 — 라이브러리 이름을 직접 말하지 않아도 — 적극적으로 사용한다. "제목 줄바꿈 예쁘게", "타이틀 밸런싱", "마지막 줄에 단어 하나만 떨어져", "헤드라인 균형", "wrap-balancer 적용", "text-wrap balance 줬는데 한국어가 단어 중간에서 끊겨" 같은 요청에 트리거된다. Also triggers in English for "balance the heading line wrapping", "fix the orphan word on the last line", "add wrap-balancer". 경계(이 스킬이 아님): 페이지나 슬라이드 덱 '전체'를 훑어 줄바꿈 문제를 전수로 찾아 감사·채점(scan/audit)하려는 경우는 linebreak-audit을 쓴다. text-align의 양쪽 정렬(justify), line-height(줄간격) 조정, 레이아웃 정렬, 번역은 이 스킬과 무관하다.

HTML로 만든 페이지·발표 자료(슬라이드 덱)를 헤드리스로 렌더해 줄바꿈이 어색한 곳을 전수로 찾아내고(어절 중간 끊김·마지막 줄 외톨이(고아)·줄 길이 불균형·넘침/잘림·숫자단위 분리), 페이지 단위 루브릭으로 0–100 채점한 뒤 wrap-balancer와 word-break:keep-all로 고치고 적용 전/후를 재스캔해 개선을 검증하는 스킬. 사용자가 "발표자료 줄바꿈 점검/감사/검수", "HTML 페이지에서 줄바꿈 이상한 곳 찾아줘", "슬라이드 줄바꿈 어색한 데 개선", "타이포 줄바꿈 품질 평가/루브릭", "deck/page line-break audit", "고아 단어/어절 끊김/오버플로 점검"을 원할 때 — 라이브러리 이름을 직접 말하지 않아도 — 적극적으로 사용한다. 특정 제목 하나만 밸런싱하는 게 아니라, 페이지/덱 전체를 훑어 줄바꿈 문제를 발견·채점·개선하려는 의도면 이 스킬이다.