← ClaudeAtlas

synk-designlisted

SYNK 시각 디자인 진입로 — 눈에 보이는 산출물(HTML·인쇄물·발표물·웹앱·앱 화면·SNS 이미지·영상·차트·지도·표·포스터)을 만들거나 수정할 때 항상 먼저 참고. 루트 DESIGN.md(브랜드 킷 요약+정본 링크)를 읽게 하고, 완성도 스킬·외부킷(uupm)·dataviz·Remotion 스킬의 사용 순서와 「킷 우선」 충돌 규칙을 안내한다.
unmet23-lab/synk-appsscript · ★ 0 · Web & Frontend · score 62
Install: claude install-skill unmet23-lab/synk-appsscript
# SYNK 디자인 작업 순서 > **품질 확인**: `DESIGN.md`가 연결하는 `docs/명품_기준_v1.md` §3·§4를 현재 산출물에 적용한다(유호 지시 09-09). 실제 사용 크기에서 첫 읽힘·정렬·정보 밀도를 보고, 기술 검사 결과와 시각적 판단을 구분한다. 세부 기준은 복사하지 않는다. > 🚫 **클로드 디자인 캔버스는 안 쓴다**(유호 확정 2026-09-03 「그냥 전처럼 하면 될것같아 · 굳이 캔버스를 쓸 필요는 없어보여」). > 09-03 에 그 통로를 세웠다가 **같은 날 걷었다** — 캔버스는 편집기와 액자를 함께 실어 유호님 기계에서 렉이 걸렸고, > 그 뒤 통로 자체를 접었다. 결과물은 보통 아티팩트·문서·저장소 지면으로 낸다. > 다시 여는 조건 = 유호님이 「캔버스로 열어줘」라고 **직접 부르실 때**(그때 다시 짓는다 · 걷은 커밋에 그 판이 있다). 1. **루트 `DESIGN.md`부터 읽는다** — 킷 요약(색·타이포·로고·철칙)과 정본 링크·산출물별 통로가 전부 거기 있다. 값이 필요한 층은 정본을 연다: 색 값 = `docs/디자인_토큰.json`(기계 원천 · 빌드 = `node tools/토큰빌드.js`) · 컨셉·표현 모드 = `docs/디자인_컨셉_정본_v1.md` · 폰트 = `docs/브랜드_폰트_정본.md` · 인쇄물 = `docs/발표물/_브랜드킷.md`. 2. **킷 먼저, 스킬 나중** — 골격·색·타이포를 킷으로 세운 뒤, 디테일(모서리·그림자·아이콘·히트 영역·모션)은 `make-interfaces-feel-better` · `emil-design-eng` 원칙으로 다듬는다. 2-b. **겹치면 이 순서다.** - **① 색·폰트·율·재질은 킷만 본다.** 예외 없다. 외부킷(uupm)에는 팔레트·폰트 층을 들여놓지 않았으므로 `--domain color`·`--domain typography` 는 「File not found」로 죽는다 — **막히는 게 정상이다.** 🚫 `--design-system`·`--persist` 플래그는 **영구 금지** — 팔레트 파일이 없어도 `#2563EB`/`Inter` 를 지어내서 검색 결과인 척 찍는다. 파일을 안 들이는 것으로는 안 막히고 플래그 금지로만 막힌다. - **② 모션 «값»**(시간·이징·스태거·눌림 스케일)은 `docs/디자인_토큰.json` 「감각.규칙」(300ms 상한 · transform/opacity만 · 눌림 scale 0.96 · reduced-motion)이 1순위, 규칙에 없는 숫자는 `emil-design-eng` 표. ⚠ 토큰 「감각.가안」은 **값이 아니다** — Expo 첫 화면 실물 확정 전까지 새 산출물이 인용하지 않는다(DESIGN.md §8 · 유호 확정 08-06). ⚠ uupm `--domain gsap` 은 값을 꺼내는 자리가 아니다 — 대부분 GSAP 코드인데 SYNK 지면은 `tools/lib