designpaca/packages/skill/references
Yun Chan 91bb4ae9dc 히어로와 파이프라인이 같은 씬을 쓰던 것을 나눈다
게이트 씬을 파이프라인으로 옮기면서 히어로에도 남겨뒀더니 같은 그림이
페이지에 두 번 나왔다. 역할이 다르면 씬도 달라야 한다.

  히어로     shader-plane 흐름 필드   노이즈를 두 번 접어 빛의 결을 만든다
                                      공간을 만드는 재질. 아무것도 반응 안 한다
  파이프라인 gate-scene 유리판 여섯   통과하면 그 단계가 켜진다. 주인공
  재료       shader-plane 스테이지    필터 타일이 앉는 무대

히어로에는 무거운 씬을 임포트하지 않는다 — three.md §0 대로 셰이더 플레인 하나다.
lib/hero-scene.ts -> lib/gate-scene.ts 로 리네임했다. 이름이 용도와 다르면
다음 사람이 히어로 것인 줄 알고 고친다.

대비 실측: 캔버스 배경 최악 8.46:1(가장 밝은 중앙 여백), h1 자리 14.83:1.
readPixels 로 재려다 전부 0 이 나왔다 — preserveDrawingBuffer: false 면
버퍼가 비어 있다. 스크린샷 픽셀로 쟀고, 글자 없는 영역만 골랐다.

스킬 three.md
  씬을 두 자리에 재사용하지 마라. 역할(주인공/재질/무대)로 나눠라
  파일 이름을 용도와 맞춰라
  WebGL 위 대비는 readPixels 가 아니라 스크린샷 픽셀로 잰다.
  0 을 검정으로 착각하면 대비가 통과한 것처럼 보인다
2026-08-20 16:11:53 +09:00
..
presets designpaca 초기 구현 — 스킬 · 설치 CLI · 배포 파이프라인 2026-08-20 10:48:00 +09:00
antipatterns.md designpaca 초기 구현 — 스킬 · 설치 CLI · 배포 파이프라인 2026-08-20 10:48:00 +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 배경을 뷰포트에 고정하고, 게이트 씬을 파이프라인으로 옮긴다 2026-08-20 16:08:11 +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 designpaca 초기 구현 — 스킬 · 설치 CLI · 배포 파이프라인 2026-08-20 10:48:00 +09:00
three.md 히어로와 파이프라인이 같은 씬을 쓰던 것을 나눈다 2026-08-20 16:11:53 +09:00
tokens.md 디자인 SSOT 를 세우고 3D 를 배경 재질로 되돌린다 2026-08-20 14:15:30 +09:00
typography.md 타이포그래피 스킬 신설 + 폴백 메트릭 보정 2026-08-20 12:42:59 +09:00