«문구 ≤14자»
«문구 ≤24자»
스킬이 조립에 쓰는 재료 전부 — 리소스팩 설계 8종·흐름 8종(64조합 빌드 검증), 장 배치 52계열 253변형, 테마 8종, 모션 시그니처 42종 + 공통 기법 5종. 모션 카드는 스크롤해 눈에 들어오면 그 자리에서 실제 엔진이 그대로 재생한다(클릭하면 크게 본다).
눈에 보이는 다양함은 설계가 만든다 — 워크북의 마주본 면, 사례철의 기록A/B, 잡지의 편집 지면처럼 배치 문법 자체가 다르다. 흐름은 수업의 뼈대(단계 구성·문안)를 바꾼다. 8×8=64조합을 전수 빌드·검사했다(64/64 PASS).

editorial
lab
field
casebook
atlas
workbook
briefing
seminar같은 주제·같은 casebook 설계로 흐름만 바꿔 실제로 조립한 덱 8개다 — 흐름은 단계 수·순서·문안(수업의 뼈대)을 바꾼다. 카드를 누르면 크게 볼 수 있다.

problem · 5단계 — 포장 앞면만 보고 골라도 될까요?
case · 5단계 — 이 매점에서 어떤 음료를 고르나요?
follow · 5단계 — 읽기를 시작하기 전에 무엇이 필요한가요?
inquiry · 5단계 — 왜 400mg 옆에 20%가 있을까요?
compare · 4단계 — 간식을 고를 때 무엇이 중요한가요?
diagnose · 5단계 — 무엇이 어긋나 보였나요?
discussion · 5단계 — 무가당 표시는 도움일까요, 오해일까요?
project · 6단계 — 누가 무엇을 할 수 있게 만들까요?legacy 경로의 배치 사전. 조각은 지시가 아니라 재료다 — 자유 모드에서는 이걸 넘어서 직접 배치를 설계해도 된다. 253장 전체를 슬라이드로 넘겨 보려면 위의 ▶ 배치 전체 덱.

01-cover-bauhaus-1
01-cover-bigstat-1
01-cover-blueprint-1
01-cover-bold-poster-1
01-cover-center-1
01-cover-diagram-1
01-cover-editorial-lab-1
01-cover-future-portal-1
01-cover-learning-path-1
01-cover-modular-cards-1
01-cover-monograph-1
01-cover-mosaic-1
01-cover-paper-collage-1
01-cover-split-1
01-cover-stripes-1
01-cover-workbook-notes-1
02-agenda-1
02-agenda-2
02-agenda-3
02-agenda-4
02-agenda-5
02-agenda-6
03-timeline-1
03-timeline-2
03-timeline-3
03-timeline-4
03-timeline-5
04-map-1
04-map-2
04-map-3
04-map-4
04-map-5
05-mechanism-1
05-mechanism-2
05-mechanism-3
05-mechanism-4
05-mechanism-5
06-traits-grid-1
06-traits-grid-2
06-traits-grid-3
06-traits-grid-4
06-traits-grid-5
06-traits-grid-6
06-traits-grid-7
07-meter-1
07-meter-2
07-meter-3
07-meter-4
07-meter-5
08-compare-2-1
08-compare-2-2
08-compare-2-3
08-compare-2-4
08-compare-2-5
09-compare-table-1
09-compare-table-2
09-compare-table-3
09-compare-table-4
09-compare-table-5
10-hub-1
10-hub-2
10-hub-3
10-hub-4
10-hub-5
11-levels-1
11-levels-2
11-levels-3
11-levels-4
11-levels-5
11-levels-6
12-tile-grid-1
12-tile-grid-2
12-tile-grid-3
12-tile-grid-4
12-tile-grid-5
13-sequence-1
13-sequence-2
13-sequence-3
13-sequence-4
13-sequence-5
14-mapping-1
14-mapping-2
14-mapping-3
14-mapping-4
14-mapping-5
15-mock-legend-1
15-mock-legend-2
15-mock-legend-3
15-mock-legend-4
15-mock-legend-5
16-mock-options-1
16-mock-options-2
16-mock-options-3
16-mock-options-4
16-mock-options-5
17-statement-1
17-statement-2
17-statement-3
17-statement-4
17-statement-5
17-statement-6
18-build-up-1
18-build-up-2
18-build-up-3
18-build-up-4
18-build-up-5
19-frame-form-1
19-frame-form-2
19-frame-form-3
19-frame-form-4
19-frame-form-5
20-before-after-1
20-before-after-2
20-before-after-3
20-before-after-4
20-before-after-5
21-worked-example-1
21-worked-example-2
21-worked-example-3
21-worked-example-4
21-worked-example-5
21-worked-example-6
21-worked-example-7
21-worked-example-8
21-worked-example-9
22-worked-artifact-1
22-worked-artifact-2
22-worked-artifact-3
22-worked-artifact-4
22-worked-artifact-5
23-quiz-ab-1
23-quiz-ab-2
23-quiz-ab-3
23-quiz-ab-4
23-quiz-ab-5
24-quiz-sort-1
24-quiz-sort-2
24-quiz-sort-3
24-quiz-sort-4
24-quiz-sort-5
25-quiz-ox-1
25-quiz-ox-2
25-quiz-ox-3
25-quiz-ox-4
25-quiz-ox-5
26-rules-dark-1
26-rules-dark-2
26-rules-dark-3
26-rules-dark-4
26-rules-dark-5
26-rules-dark-6
26-rules-dark-7
27-checklist-1
27-checklist-2
27-checklist-3
27-checklist-4
27-checklist-5
28-sources-1
28-sources-2
28-sources-3
28-sources-4
28-sources-5
29-closing-1
29-closing-2
29-closing-3
29-closing-4
29-closing-5
30-check-1
30-check-2
30-check-3
30-check-4
30-check-5
31-stat-strip-1
31-stat-strip-2
31-stat-strip-3
31-stat-strip-4
31-stat-strip-5
32-screen-cite-1
32-screen-cite-2
32-screen-cite-3
32-screen-cite-4
32-screen-cite-5
33-chart-bar-1
33-chart-bar-2
33-chart-bar-3
33-chart-bar-4
33-chart-bar-5
34-chart-line-1
34-chart-line-2
34-chart-line-3
34-chart-line-4
34-chart-line-5
35-explore-1
35-explore-2
35-explore-3
35-explore-4
35-explore-5
36-detail-sheet-1
36-detail-sheet-2
36-detail-sheet-3
36-detail-sheet-4
36-detail-sheet-5
37-arch-flow-1
37-arch-flow-2
37-arch-flow-3
37-arch-flow-4
37-arch-flow-5
37-arch-flow-6
37-arch-flow-7
37-arch-flow-8
38-part-divider-1
38-part-divider-2
38-part-divider-3
38-part-divider-4
38-part-divider-5
39-quadrant-1
39-quadrant-2
39-quadrant-3
39-quadrant-4
39-quadrant-5
40-flashcards-1
40-flashcards-2
40-flashcards-3
40-flashcards-4
40-flashcards-5
41-ops-report-1
41-ops-report-2
41-ops-report-3
41-ops-report-4
41-ops-report-5
41-ops-report-6
42-sankey-flow-1
42-sankey-flow-2
43-decision-tree-1
43-decision-tree-2
44-kanban-board-1
44-kanban-board-2
45-version-graph-1
45-version-graph-2
46-event-fanout-1
46-event-fanout-2
47-route-tour-1
47-route-tour-2
48-waterfall-1
48-waterfall-2
49-mesh-network-1
49-mesh-network-2
50-heatmap-grid-1
50-heatmap-grid-2
51-swimlane-1
51-swimlane-2
52-cycle-ring-1
52-cycle-ring-2같은 주제의 표지·목차·내용 장 3개를 테마 8종으로 각각 조립한 실물이다 — 한 줄이 한 테마. 테마는 색·그림자·반경을 바꾼다(배치 문법은 그대로). 아래는 같은 장면(타일 그리드)의 단일 비교.
































계열마다 실행 이름이 자동 배정된다(52계열이 42개 이름을 공유·재사용 — stack-reveal은 구성도 부품이 직접 기록). 스크롤하면 카드가 실물로 움직인다 — 한 번에 한 장씩, 보이는 순서대로 실제 motion.js 엔진이 시그니처·단계·판정 클릭을 재생한다. 카드를 누르면 오버레이로 크게 볼 수 있다. 인쇄·자습·reduced-motion 에서는 항상 최종 상태가 그대로 보인다.

orbit-and-type — 궤도를 그리며 글자가 자리 잡는다
route-cascade — 목차 칸이 위에서 순서대로 내려온다
line-then-year — 선이 그어지고 연도가 따라 붙는다
radial-grid-boundary — 중심에서 방사로 경계가 그려진다
input-process-output — 입력부터 출력으로 흐름 입자가 지난다
facet-flip — 카드가 축을 따라 뒤집히며 면이 드러난다
gauge-settle — 막대가 오버슈트하며 안착하고 숫자가 롤링된다
opposed-faces — 좌우 면이 마주 보며 등장한다
row-scan — 행이 읽히는 순서로 스캔된다
center-spoke-ignite — 중심이 점화되고 스포크로 번진다
ladder-rise — 단계가 아래에서 위로 올라온다
grid-wave — 격자에 파동이 지나간다
causal-domino — 인과가 도미노처럼 연쇄된다
paired-connection — 짝이 연결선으로 이어진다
spotlight-pin — 스포트라이트가 핀을 찍는다
selection-track — 선택지가 트랙을 따라 놓인다
kinetic-thesis — 논지 글자가 힘을 받으며 선언된다
accumulating-pieces — 조각이 차곡차곡 쌓인다
outline-then-fill — 윤곽이 먼저, 채움이 따른다
paired-wipe — 앞면이 닦이며 뒷면이 드러난다
scene-replay — 풀이 장면이 차례로 재생된다
choice-verdict — 선택이 판정으로 이어진다
classification-lanes — 항목이 분류 레인으로 흐른다
judgment-stamp — 판정 도장이 찍힌다
spotlight-focus — 스포트라이트가 규칙으로 좁혀진다
commitment-stamps — 약속 도장이 연달아 찍힌다
evidence-align — 근거가 정렬되며 대조된다
summary-convergence — 요소들이 한 점으로 수렴한다
feedback-beacon — 정답 신호가 깜박인다
metric-rally — 숫자가 카운트업되며 모인다
stream-converge — 유입 밴드가 합류·분출로 이어진다
branch-verdict — 가지가 그려지며 판정이 찍힌다
card-drift — 카드가 칸 사이를 흘러 이동한다
merge-trace — 줄기가 그려지고 병합 도장이 찍힌다
pulse-fanout — 중심 사건에서 외곽이 동시에 켜진다
waypoint-crawl — 정거장을 차례로 지나 체크된다
cascade-ledge — 증감 막대가 매달리며 누적된다
hop-relay — 신호가 경로를 옮겨 목적지에 닿는다
grid-flare — 칸이 순서대로 밝아져 강도가 드러난다
lane-slide — 작업 칩이 레인을 넘어 인계된다
ring-circuit — 흐름이 한 바퀴 돌아 순환이 성립한다
stack-reveal — 그룹→노드→화살표 순으로 드러난다(구성도 부품 소유)계열 시그니처와 별개로 조각이 data-fx 로 옵트인하는 기법이다. 인쇄·정적 상태는 기법 없을 때와 픽셀 차이 0(검증 완료).

fx-scatter-gather — 흩어진 글자가 모여 주제가 성립한다
fx-row-mask-rise — 행이 마스크 아래에서 경로 순서로 솟는다
fx-weight-wave — 가변 굵기(wght)가 강조를 따라 흐른다
fx-slice-reveal — 띠가 차례로 열리며 면이 공개된다
fx-rack-focus — 초점이 문제에서 해설로 넘어간다시맨틱 JSON(nodes·edges·zones·states)을 scripts/arch_layout.mjs가 빌드 시점 dagre 배치로 svg.dg 조각으로 굽는다 — 런타임 레이아웃 엔진 없이 고정 좌표. 전 장 같은 계열 arch-diagram이라 한 실행 이름 arch-trace(등장+선 그리기+패킷)가 발화한다. 두 덱 전부 regen --check로 결정적 재생성된다(모델만 저장소 안에 완결). 아래 6장은 원형 키트, 이어지는 SI 실무형 10유형 11장은 확장 문법 — 호출/응답 화살촉쌍(실선 블록↔점선 오픈촉)·소속존 면색≠신뢰경계 점선·존 사이 경계선·보조 연결(aux) 정적선·arch_lanes.mjs 레인 레이아웃(빌드 시점 토큰 시뮬레이터 — 반려 재신청 재방문까지 data-step/data-lit만으로 재생, 엔진 무변경). 카드에 스크롤하면 실물로 움직이고, 누르면 크게 본다.

arch-trace — 동기 호출과 이벤트 버스가 공존하는 경로 실물 덱 ↗
arch-trace — 위층이 아래층만 부르는 의존 방향 실물 덱 ↗
arch-trace — 인입부터 DB까지의 물리 경로 실물 덱 ↗
arch-trace — 요청이 지나는 세 층과 상태 점등 실물 덱 ↗
arch-trace — 주·대기 전환 — 페일오버 6단계 실물 덱 ↗
arch-trace — 방화벽 옆 온프렘·클라우드 신뢰 경계 실물 덱 ↗
arch-trace — arch-blueprint 톤 다크 블루프린트 표지 — 도면 시리얼 헤더
arch-trace — 중첩 존 3단계·직교 버스 3본선·HA쌍·cluster/rack-group·BOM 사이드패널 — 노드 25·사선 0
arch-trace — cluster 노드(내부 칩+리소스 바)·equip·rack-group — 노드 14·중첩 2단계
arch-trace — 온라인·세션·배치 구분과 계층별 멤버 존
arch-trace — IF ID·프로토콜·동기/비동기·주기 — b/r/g 선종 자동 범례
arch-trace — 레인·금액 분기·반려 재신청 루프(토큰 재방문)
arch-trace — 생명선·호출/응답(실선/점선 오픈촉)·활성 막대
arch-trace — 선행 DAG + 오류 테이블→재처리 루프(JOB ID·주기)
arch-trace — 대권역 솔리드 헤더 3중첩·버스 배선·하단 범례 바·정책 표 사이드패널
arch-trace — 전용/백업/VPN 회선 3종과 구간 스펙(예시값 명시)
arch-trace — Active-Standby 상태 칩 전환 ≠ 비동기 복제 스트림
arch-trace — 같은 좌표 4상태 대조 — 유지/신규/변경/제거
arch-trace — 3×2 체크리스트로 교육 서사 마감설득·권고 목적 덱을 위한 consulting-deck 스킬의 차트 11타입 중 8종을 실물 데모로 시연한다. 의미 모델(JSON)을 consulting-deck/charts/chart_gen.mjs가 주장형 제목·단계 공개·방법론 노트·출처 블록(가상 데이터 표기 포함)까지 갖춘 <section> 조각으로 군고, regen --check로 결정적 재생성을 검증한다. 근거 원장(evidence.json)과의 수치 대조 검사(check_consulting.py)를 통과한 실물이다. 카드에 스크롤하면 실물로 등장 순서가 재생되고, 누르면 크게 본다.
consult-tech) · 실인용+가상 혼합 원장
chart_gen — CEO 확신 지표 5개 — 유일한 실인용 차트(BCG AI Radar 2026)
chart_gen — 우리 14.0% vs 선도군 45.0% — 8분기에 3.2배로 벌어지는 가위
chart_gen — 사업부×가치원천 잠재 강도 — 연 140억의 원천 배분
chart_gen — 유스케이스 10개 — 즉시 승인 3개는 우상단 사분면
chart_gen — 시맨틱 JSON→stack 부품 — Architecture Kit 결합 장(과업 공통 요건)
chart_gen — 연 140억의 최대 변수는 현장 채택률 ±42억 — 완화책 3개consult) · 전수 가상 원장
chart_gen — FY22→FY25 구성 변화 — 인프라·라이선스가 69%까지
chart_gen — 3년 +348억 분해 — 라이선스 단가 43%(축 생략 마크)
chart_gen — IT 비용 매출 비 4.1% — 비교 5사 중 두 번째로 높다
chart_gen — 1,240→870억 — 연 370억(30%) 구조 절감
chart_gen — 줄일 곳 −45% · 지킬 곳 +15% — 발산 막대