feat(skill): route fixes, delivery report, composition diversity, platform refresh

- route table: extension route for products with an existing visual
  language, feedback row, derived state tokens stay local
- completion: blocking 0 plus reported unverified; hard-gate surface is
  the touched scope; delivery report starts with what and how to open
- design.md created at step 0 with a skeleton, fingerprint line and
  change log; product-surface rubric reading; direction delegation
  states the chosen card and reason
- layout: hero families, nav forms, footer forms; art-direction page
  convergence 6 axes; genre sections; image treatments; placeholder
  conventions; multi-screen order; Tailwind theme mapping
- platform: scroll-driven examples, anchor positioning, canvas OT,
  three/R3F pins, shadcn style prefixes, Safari 26 notes, subgrid
- design-gate: four result states, exit codes, cwd module resolution,
  --url/--out-dir/--strict, oklch contrast, dead selector word match
- Korean font budget split from the Latin baseline
This commit is contained in:
Yun Chan 2026-10-06 16:55:38 +09:00
parent 9bcb45cbd3
commit 88c11682b1
51 changed files with 5834 additions and 2259 deletions

View file

@ -85,7 +85,7 @@
외곽 radius = 내부 radius + 둘 사이 padding
```
패딩이 24px를 넘으면 동심 계산을 포기하고 두 표면을 독립된 radius로 다룬다 [SKILL-BETTER-UI]. radius 토큰 자체("서로 다른 radius 값은 3종 미만으로")는 [tokens.md](tokens.md) §3-b가 정본이다.
패딩이 24px를 넘으면 동심 계산을 포기하고 두 표면을 독립된 radius로 다룬다 [SKILL-BETTER-UI]. radius 토큰 자체(역할 토큰으로만 쓰고 역할당 하나, 동심 계산값은 따로 세지 않는다)는 [tokens.md](tokens.md) §3-b가 정본이다 — 개수 규칙은 그 문서의 현재 문구를 따른다.
## 4. 테두리를 대신하는 그림자
@ -145,9 +145,9 @@
## 7. 머티리얼 위계
**언제**: 브리프나 프리셋이 유리·Apple풍 질감을 허용할 때만 연다. `swiss-minimal`처럼 재질을 배제하는 프리셋에는 적용하지 않는다([svg-filters.md](svg-filters.md) §1의 프리셋별 재질 표를 먼저 확인한다).
**언제**: 브리프나 프리셋이 유리·Apple풍 질감을 허용할 때만 연다. `swiss-minimal`처럼 평면 표면이 기본인 프리셋에서는 기본 비채택이다 — 브리프나 리믹스에서 재질 축을 유리에 배정했을 때만 쓴다([svg-filters.md](svg-filters.md) §1의 재질 표를 먼저 확인한다).
이 절은 반투명 표면의 깊이 위계를 다룬다. `backdrop-filter` 구현 자체(변위맵, Safari 폴백, 성능 최적화)와 위계·가독성(vibrancy)·스티키 헤더 마스크·진입 애니메이션의 상세 규칙·코드는 [svg-filters.md](svg-filters.md) "머티리얼 위계와 가독성" 절이 정본이다 — 여기서 중복 정의하지 않는다. 핵심만 요약하면, 무겁고 어두운(강한 블러+짙은 배경) 재질은 사이드바 같은 구조적 영역에, 가볍고 밝은 재질은 버튼 같은 인터랙티브 요소에 쓰고, 표면이 클수록 재질도 두껍게 읽혀야 한다 — **머티리얼 무게가 위계를 인코딩한다**는 것이 이 절의 한 줄 요약이다[SKILL-APPLE-DESIGN].
이 절은 반투명 표면의 깊이 위계를 다룬다. `backdrop-filter` 구현 자체(변위맵, Safari 폴백, 성능 최적화)와 위계·가독성(vibrancy)·스티키 헤더 마스크·진입 애니메이션의 상세 규칙·코드는 [svg-glass.md](svg-glass.md) §3 "머티리얼 위계와 가독성"이 정본이다(변위맵·굴절은 같은 문서 §2) — 여기서 중복 정의하지 않는다. 핵심만 요약하면, 무겁고 어두운(강한 블러+짙은 배경) 재질은 사이드바 같은 구조적 영역에, 가볍고 밝은 재질은 버튼 같은 인터랙티브 요소에 쓰고, 표면이 클수록 재질도 두껍게 읽혀야 한다 — **머티리얼 무게가 위계를 인코딩한다**는 것이 이 절의 한 줄 요약이다[SKILL-APPLE-DESIGN].
## 8. 선호 신호