designpaca/packages/skill/references
Yun Chan eb9f61e907
All checks were successful
ci / build (push) Successful in 26s
release / release (push) Successful in 50s
fix(site): 스파인 뒤 62dvh 여백을 없애고 게이트 진행도를 목록 기준으로 잰다
진행도를 섹션 높이로 재고 있어서, 여섯 게이트를 다 돌리려면 정거장 목록 뒤에
화면 절반이 넘는 빈 공간(558px)이 필요했다. 콘텐츠가 아니라 스크롤 연료였고
화면에서는 그냥 큰 빈칸으로 보였다.

진행도를 목록이 화면을 지나는 구간으로 바꿨다.
  start = 뷰포트 70% 지점에 목록 위쪽이 닿으면 0
  end   = 뷰포트 30% 지점을 목록 아래쪽이 빠져나가면 1
  travel = 목록 높이 + (start - end)

뷰포트의 40% 가 구간으로 더해지므로, 목록 963px 이 1323px 구간이 되고
게이트당 220px 이다. 여백을 다 지우고도 과민 반응 기준(200px)을 넘긴다.

motion.md 에 "스크롤 구간이 모자라면 여백이 아니라 진행도 공식을 고쳐라" 를
기록했다.
2026-08-21 01:20:35 +09:00
..
presets designpaca 초기 구현 — 스킬 · 설치 CLI · 배포 파이프라인 2026-08-20 10:48:00 +09:00
antipatterns.md docs(skill): 여백을 문장으로 채우지 마라, 부분 수정 뒤에는 전체를 다시 재라 2026-08-21 00:35:30 +09:00
experimental-canvas.md designpaca 초기 구현 — 스킬 · 설치 CLI · 배포 파이프라인 2026-08-20 10:48:00 +09:00
galleries.md designpaca 초기 구현 — 스킬 · 설치 CLI · 배포 파이프라인 2026-08-20 10:48:00 +09:00
layout.md 타이포그래피 스킬 신설 + 폴백 메트릭 보정 2026-08-20 12:42:59 +09:00
motion.md fix(site): 스파인 뒤 62dvh 여백을 없애고 게이트 진행도를 목록 기준으로 잰다 2026-08-21 01:20:35 +09:00
preflight.md 소개 페이지를 스킬 전체 경로로 다시 만들고, 배운 것을 스킬에 반영 2026-08-20 13:33:28 +09:00
reference-method.md designpaca 초기 구현 — 스킬 · 설치 CLI · 배포 파이프라인 2026-08-20 10:48:00 +09:00
svg-filters.md feat(site): 리퀴드 글래스 굴절을 올바른 변위 지도로 다시 붙인다 2026-08-20 23:30:15 +09:00
three.md 테두리 광을 회전시키고 three.js 모바일 대응을 고친다 2026-08-20 16:37:49 +09:00
tokens.md fix(site): 히어로 h1 의 clamp 하한을 h2 기준으로 잡는다 2026-08-21 01:07:47 +09:00
typography.md 타이포그래피 스킬 신설 + 폴백 메트릭 보정 2026-08-20 12:42:59 +09:00