@qualisoft/ai-skills 1.1.0 → 1.3.0

package/CHANGELOG.md

@@ -1,5 +1,103 @@
 # 변경 이력
 
+## 1.3.0 — 2026-09-14
+
+### 파일 스크립트를 **대본**으로 바꿨습니다
+
+1.2.0 은 파이썬 코드를 내줬습니다. 실제로 필요한 건 코드가 아니라 **AI 에게 줄
+지시문**이었습니다. 이제 `파일 스크립트` 버튼을 누르면 복사해서 에이전트에 붙여
+넣을 대본이 나옵니다. 파이썬도, `pip install` 도 필요 없습니다.
+
+형식은 PDF · Excel · PowerPoint · Word · CSV 다섯입니다.
+
+**서식 규격이 대본 안에 박혀 있습니다.** 색 여섯 개, 글자 위계 네 단계, 표 스타일,
+하지 말 것 목록이 고정되어 모든 대본에 들어갑니다. 착수 때 만들든 중간에 만들든,
+누가 어떤 도구로 만들든 **같은 모양이 나옵니다.** 매번 "모던하게 만들어 줘" 라고
+말하면 매번 다른 것이 나오기 때문입니다.
+
+대본은 원본 `.md` 경로만 가리키고 "이 파일을 먼저 읽어라" 라고 지시합니다. 문서를
+고친 뒤 같은 대본을 다시 써도 최신 내용으로 만들어집니다.
+
+서식을 바꾸려면 `skills/project-init/templates/script/*.md` 를 고칩니다.
+
+### 안 쓴 메뉴를 검정 점으로 죽여 둡니다
+
+기획안을 근거로 메뉴는 만들어졌지만 끝까지 손대지 않는 문서가 생깁니다. 그런 문서를
+"작성 중"으로 두면 진행률이 영원히 낮게 깔리고, 무엇이 남은 일이고 무엇이 애초에
+필요 없던 항목인지 구분되지 않습니다.
+
+한 번도 쓰이지 않은 문서는 좌측 메뉴에서 **노란 점이 검정 점으로** 바뀌고 이름이
+흐려집니다. 판정 기준:
+
+| 신호 | 판정 |
+| --- | --- |
+| 템플릿 골격을 뺀 실질 글자 수 ≥ 400 | 쓰임 |
+| `status` 가 `draft` 가 아님 (`log` 템플릿 제외) | 쓰임 |
+| 추적 ID 를 본문에 정의 (코드 블록 예시 제외) | 쓰임 |
+| 위 어느 것도 아님 | **안 쓰임 — 검정 점** |
+
+임계값 400 은 실측으로 잡았습니다 — 갓 만든 문서 37~265, 한 번이라도 채운 문서
+996 이상.
+
+### 사이드바 상단에서 비활성을 직접 관리합니다
+
+**`비활성 관리`** 를 켜면 메뉴마다 체크박스가 생깁니다. 자동 판정을 사람이 덮어쓸
+수 있습니다. 덮어쓴 값은 문서 id 로 `localStorage` 에 남아 **다시 빌드해도
+유지됩니다.** 자동 판정과 같아지면 저장을 지워 쓸데없는 기록을 남기지 않습니다.
+
+### 검증
+
+브라우저에서 확인했습니다.
+
+```
+갓 만든 프로젝트   15개 중 13개 검정 점 · "비활성 13 / 15"
+실제 쓰는 프로젝트  14개 전부 정상 (오탐 0)
+검정 점            rgb(0,0,0) + 테두리 (다크 모드에서도 보임)
+체크 클릭          문서 이동 없음 · 저장 · 새로고침 후 유지
+대본               치환 잔여 0건 · 서식 규격 포함 확인
+```
+
+
+## 1.2.0 — 2026-09-14
+
+문서를 **산출물 파일로 뽑는 스크립트**를 붙였습니다.
+
+빌드한 HTML 의 각 문서 우측 상단에 `파일 스크립트` 버튼이 생깁니다. 누르면 모달이
+열리고, 형식을 고르면 그 형식으로 문서를 만드는 파이썬 스크립트가 나옵니다.
+복사해서 그대로 실행하면 됩니다.
+
+| 형식 | 필요한 것 | 결과 |
+| --- | --- | --- |
+| PDF | `pip install reportlab` | 표지·머리말·쪽번호, 줄무늬 표. 한글은 내장 CID 폰트라 폰트 파일이 필요 없습니다 |
+| Excel (XLSX) | `pip install openpyxl` | 본문 시트 + 표마다 별도 시트 (정렬·필터 켜짐) |
+| PowerPoint (PPTX) | `pip install python-pptx` | 표지 + `##` 하나당 슬라이드 하나 |
+| Word (DOCX) | `pip install python-docx` | 한글 서체·표 음영 적용 |
+| CSV | 없음 — 표준 라이브러리 | 개요 1개 + 표마다 1개 (엑셀용 BOM) |
+
+**스크립트는 내용을 품지 않습니다.** 원본 `.md` 경로만 박혀 있고 실행할 때 그 파일을
+다시 읽습니다. 그래서 문서를 고친 뒤 **같은 스크립트를 다시 돌리면 최신 내용**이
+나옵니다. 계속 최신화되는 문서를 다루는 데 필요한 성질입니다.
+
+HTML 크기도 문서 수와 무관합니다 — 스크립트는 한 벌만 들어가고 파일명은 모달을 열 때
+브라우저에서 치환합니다.
+
+서식을 바꾸려면 `skills/project-init/templates/export/*.py` 를 고칩니다.
+`build.mjs` 는 그 파일을 읽어 나르기만 합니다.
+
+### 검증
+
+5종 모두 실제 문서(`07-screen-spec.md`, 183줄·표 20개)로 생성해 확인했습니다.
+
+```
+CSV    7개 파일        PDF   8쪽 · 한글 정상
+Excel  본문 + 표 20시트  DOCX  42KB
+PPTX   59KB
+```
+
+브라우저에서도 확인했습니다 — 문서 14개 전부에 버튼, 형식 5종, 치환 잔여 0건,
+모달 가운데 정렬, 183줄 스크롤, 다크 모드.
+
+
 ## 1.1.0 — 2026-09-11
 
 설치 위치와 소유 판정을 고쳤습니다. **1.0.0 사용자는 전원 재설치가 필요합니다.**
@@ -10,6 +108,17 @@ npx @qualisoft/ai-skills@latest install --force
 
 > 직접 고친 스킬이 있으면 `--force` 가 그 디렉터리를 지웁니다. 먼저 백업하세요.
 
+> **`npx` 가 옛 버전을 실행하는 경우** — 과거에 `npm i -g @qualisoft/ai-skills` 로
+> 전역 설치를 한 적이 있으면, `npx` 는 레지스트리에서 최신을 받지 않고 **그 전역
+> 설치본을 그대로 실행합니다.** 버전을 확인하고, 낡았으면 전역 설치를 갱신하세요.
+>
+> ```bash
+> npm ls -g --depth=0 | grep qualisoft     # 전역 설치 버전 확인
+> npm i -g @qualisoft/ai-skills@latest     # 갱신
+> ```
+>
+> 전역 설치를 쓰지 않는다면 버전을 명시하면 확실합니다 — `npx @qualisoft/ai-skills@latest install`
+
 ### 고친 것
 
 **① npx 캐시를 직접 가리키던 문제** — 모든 플랫폼 해당

package/README.md

@@ -165,7 +165,21 @@ large  19~21개  다인원, 6개월 이상
 **비유하자면** — 택배 배송 알림과 같습니다.
 ```
 
-### 5. 상용 라이브러리를 쓰지 않는다
+### 5. 산출물은 매번 같은 모양으로 나온다
+
+각 문서 우측 상단 **`파일 스크립트`** 버튼 → 형식(PDF · Excel · PPT · Word · CSV)을 고르면 **AI 에게 줄 대본**이 나옵니다. 복사해서 에이전트에 붙여 넣으면 됩니다. 코드가 아니라 지시문이라 설치할 것이 없습니다.
+
+서식 규격 — 색 여섯 개, 글자 위계 네 단계, 표 스타일, 하지 말 것 — 이 대본 안에 박혀 있습니다. **착수 때 만들든 중간에 만들든 같은 모양이 나옵니다.** 매번 "모던하게 만들어 줘" 라고 말하면 매번 다른 것이 나오니까요.
+
+대본은 원본 `.md` 를 가리킬 뿐 내용을 품지 않습니다. 문서를 고친 뒤 같은 대본을 다시 써도 최신 내용으로 만들어집니다.
+
+### 6. 안 쓴 메뉴는 스스로 물러난다
+
+기획안으로 메뉴는 만들어졌지만 끝까지 손대지 않는 문서가 생깁니다. 한 번도 쓰이지 않은 문서는 좌측 메뉴에서 **검정 점**으로 바뀌고 이름이 흐려집니다. 남은 일과 애초에 필요 없던 항목이 섞이지 않습니다.
+
+사이드바 상단 **`비활성 관리`** 로 자동 판정을 직접 덮어쓸 수 있고, 그 값은 다시 빌드해도 유지됩니다.
+
+### 7. 상용 라이브러리를 쓰지 않는다
 
 `npm ls`가 비어 있습니다. `fs` · `path` · `url` · `zlib` 만 씁니다. 설치 시간도, 취약점 알림도, 라이선스 검토도 없습니다.
 
@@ -250,6 +264,17 @@ node skills/project-init/build.mjs selftest
 npx @qualisoft/ai-skills@latest install --force
 ```
 
+> **`npx` 가 옛 버전을 실행하는 경우** — 과거에 `npm i -g @qualisoft/ai-skills` 로
+> 전역 설치를 한 적이 있으면, `npx` 는 레지스트리에서 최신을 받지 않고 **그 전역
+> 설치본을 그대로 실행합니다.** 버전을 확인하고, 낡았으면 전역 설치를 갱신하세요.
+>
+> ```bash
+> npm ls -g --depth=0 | grep qualisoft     # 전역 설치 버전 확인
+> npm i -g @qualisoft/ai-skills@latest     # 갱신
+> ```
+>
+> 전역 설치를 쓰지 않는다면 버전을 명시하면 확실합니다 — `npx @qualisoft/ai-skills@latest install`
+
 ## 저장소 · 문의
 
 - 소스 — <https://github.com/qualisoft-service/project-ai-skills>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qualisoft/ai-skills",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "기획 인터뷰부터 문서 체계·디자인 시안·구현까지 이어지는 AI 에이전트 스킬 5종. Claude Code · Codex · Gemini 등 어느 도구에서나 쓴다. 외부 의존성 없음.",
   "keywords": [
     "ai-skills",

package/skills/project-init/SKILL.md

@@ -45,6 +45,47 @@ node ~/.claude/skills/project-init/build.mjs selftest
 
 빌드한 HTML의 좌측 메뉴는 1~4단계 진행률을 자동 표시한다. 1단계는 인터뷰 기록, 2단계는 문서 상태(`draft` 25 / `review` 65 / `approved` 100 가중 평균), 3단계는 디자인 기록·스타일가이드·시안, 4단계는 `docs.config.json.stageProgress["4"]`를 기준으로 한다. 구현 스킬은 검증된 완료율만 4단계 값에 기록한다. 색은 0% 회색, 1~24% 빨강, 25~49% 노랑, 50~99% 주황, 100% 초록이다. 가이드·추적 메뉴는 회색, 홈처럼 주요 이동 항목만 파랑으로 분리한다.
 
+## 연동 서비스
+
+좌측에는 **`연동 서비스 관리` 한 줄만** 둔다(붙은 개수 배지 포함).
+서비스를 전부 나열하면 사이드바가 문서 메뉴보다 길어져 연동 목록판이 된다.
+목록은 `연동 서비스` 페이지가 맡고, 카드마다 **연동 방법 묻기 복사** 버튼이 있어
+AI에게 그대로 붙여넣을 문구를 클립보드에 담는다.
+
+**목록은 네 갈래에서 모은다. 아래일수록 약하다.**
+
+| 출처 | 어디서 | 딱지 |
+| --- | --- | --- |
+| **설정** | `Docs/docs.config.json` 의 `integrations` — 사람이 적은 것. **언제나 이긴다** | `설정` |
+| **자동 감지** | `git remote origin`(github.com이면 GitHub), 루트·`docs/`·`api/`·`openapi/` 의 `openapi\|swagger.(yaml\|yml\|json)` | `자동 감지` |
+| **기획** | **문서 본문에 서비스 이름이 있으면 연동 예정으로 본다.** 근거 문서를 카드에 적는다 | `기획` |
+| **추천** | 위 셋이 **하나도 없을 때만** 카탈로그 기본값으로 채운다 | `추천` |
+
+**기획에서 잡는 것이 이 체계의 요점이다.** 연동은 설정 파일보다 기획서에 먼저 적힌다 —
+“GCP 에 배포한다”, “카카오 알림톡을 쓴다”. 그걸 사람이 설정에 한 번 더 옮겨 적게 만들지 않는다.
+`기획` 딱지는 자동으로 올라온 것이라 **오탐일 수 있다.** 아니면 설정에서 빼면 된다.
+
+확정된 연동은 설정에 적는다. **설정이 항상 이긴다.**
+
+```json
+{
+  "integrations": {
+    "notion": { "url": "https://notion.so/...", "note": "회의록 DB" },
+    "figma":  { "status": "none" },
+    "sentry": { "name": "Sentry", "slug": "sentry", "color": "362D59", "what": "에러 추적", "url": "https://sentry.io/acme" }
+  }
+}
+```
+
+`status` 를 안 적으면 `url` 유무로 판정한다. 카탈로그에 없는 id도 쓸 수 있고,
+그때는 `name`·`slug`(simple-icons)·`color`(# 없는 HEX)를 같이 적는다.
+로고는 cdn.simpleicons.org 에서 받고, 막힌 환경에서는 브랜드색 이니셜로 떨어진다.
+연동을 새로 붙였으면 `integrations` 를 고치고 `build` 를 다시 돌린다.
+
+카탈로그에는 감지용 표기(`detect`)가 함께 들어 있다 — GitHub·Swagger·Notion·Figma·Slack·Jira(추천 기본값)와
+GCP·AWS·Vercel·Cloudflare·GA4·GTM·Sentry·카카오·네이버·Stripe·토스페이먼츠·Firebase·Supabase·SendGrid·GitHub Actions.
+새 서비스를 카탈로그에 넣을 때는 `detect` 를 같이 적는다. **없으면 기획에서 잡히지 않는다.**
+
 ## 작업 순서
 
 **새 프로젝트를 시작할 때**
@@ -368,6 +409,57 @@ npm view react versions --json  # 선택지가 필요하면
 > 그 도메인의 프로젝트를 실제로 해보기 전에는 채우지 않는다.
 > 겪지 않은 논점을 상상해서 적으면 다음 프로젝트가 틀린 지침을 물려받는다.
 
+## 파일 스크립트 — 산출물 생성 대본
+
+빌드한 HTML 의 각 문서 우측 상단에 **`파일 스크립트`** 버튼이 있다. 누르면 모달이
+열리고, 형식을 고르면 **AI 에게 줄 지시문(대본)** 이 나온다. 코드가 아니라 대본이다.
+복사해서 에이전트에 붙여 넣으면 그 형식으로 산출물을 만든다.
+
+형식은 PDF · Excel · PowerPoint · Word · CSV 다섯이다.
+
+**서식 규격이 대본 안에 박혀 있다.** 색 여섯 개, 글자 위계 네 단계, 표 스타일,
+하지 말 것 목록이 `_style.md` 에 고정되어 모든 대본에 들어간다. 그래서 착수 때
+만들든 중간에 만들든, 누가 어떤 도구로 만들든 **같은 모양이 나온다.** 이게 대본을
+쓰는 이유다 — 매번 "모던하게 만들어 줘" 라고 말하면 매번 다른 것이 나온다.
+
+**대본은 내용을 품지 않는다.** 원본 `.md` 경로만 가리키고 "이 파일을 먼저 읽어라"
+라고 지시한다. 그래서 문서를 고친 뒤 같은 대본을 다시 써도 최신 내용으로 만들어지고,
+HTML 크기가 문서 수와 무관하다.
+
+대본은 `templates/script/*.md` 에 있다. `_style.md` 가 공통 서식 규격이고 빌드할 때
+각 형식 대본의 `__STYLE__` 자리에 끼워진다. `__DOC_FILE__` · `__DOC_TITLE__` ·
+`__DOC_STEM__` 은 모달을 열 때 브라우저에서 치환된다.
+
+서식을 바꾸려면 **`templates/script/` 의 마크다운을 고친다.** `build.mjs` 는 파일을
+읽어 나르기만 한다.
+
+## 비활성 메뉴 — 안 쓴 메뉴를 죽여 둔다
+
+기획안을 근거로 메뉴는 만들어졌지만 끝까지 손대지 않는 문서가 생긴다. 그런 문서를
+"작성 중"으로 두면 진행률이 영원히 낮게 깔리고, **무엇이 남은 일이고 무엇이 애초에
+필요 없던 항목인지** 구분되지 않는다.
+
+한 번도 쓰이지 않은 문서는 좌측 메뉴에서 **검정 점**으로 바뀌고 이름이 흐려진다.
+판정은 `docUsed()` 가 한다.
+
+| 신호 | 판정 |
+| --- | --- |
+| 템플릿 골격을 뺀 실질 글자 수 ≥ 400 | 쓰임 |
+| `status` 가 `draft` 가 아님 (`log` 템플릿 제외) | 쓰임 |
+| 추적 ID 를 본문에 정의 (코드 블록 예시는 제외) | 쓰임 |
+| 위 어느 것도 아님 | **안 쓰임 — 검정 점** |
+
+임계값 400 은 실측으로 잡았다. 갓 만든 문서는 37~265, 한 번이라도 채운 문서는
+996 이상으로 갈라진다.
+
+> **상태나 링크를 주 신호로 쓰지 않는다.** `log` 템플릿은 `status` 가 `approved` 로
+> 시작하고, 모든 `spec` 템플릿은 리스크 대장으로 가는 링크를 자동으로 건다.
+> 그걸 근거로 삼으면 갓 만든 대장이 늘 '사용됨'이 된다.
+
+**사이드바 상단 `비활성 관리`** 를 켜면 메뉴마다 체크박스가 생긴다. 자동 판정을
+사람이 덮어쓸 수 있다. 덮어쓴 값은 문서 id 로 `localStorage` 에 남으므로 **다시
+빌드해도 유지된다.** 자동 판정과 같아지면 저장을 지워, 쓸데없는 기록을 남기지 않는다.
+
 ## 하지 말 것
 
 - `index.html`을 직접 고치기 — 다음 빌드에 덮어써진다.

package/skills/project-init/build.mjs

@@ -29,6 +29,7 @@ import {
   statSync,
   writeFileSync,
 } from "node:fs";
+import { execFileSync } from "node:child_process";
 import { dirname, join, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 
@@ -168,6 +169,193 @@ function loadMockups(docsDir) {
     .map((f) => ({ file: f, href: DESIGN_DIR + "/" + MOCKUP_DIR + "/" + f }));
 }
 
+/* ================================================================== *
+ * 연동 서비스
+ *
+ * 문서 바깥에 있는 것들(저장소·API 문서·협업 도구)이 어디에 붙어 있는지
+ * 한곳에서 본다. 목록이 어디서 오는지는 네 갈래다. **아래일수록 약하다.**
+ *
+ *   1. 설정   `docs.config.json.integrations` — 사람이 적은 것. 언제나 이긴다
+ *   2. 자동   깃 리모트 · 스펙 파일 — 빌드가 직접 본다
+ *   3. 기획   문서 본문에서 잡은 **연동 예정** — 기획에 적혀 있으면 목록에 오른다
+ *   4. 추천   1~3 이 **하나도 없을 때만** 카탈로그 기본값으로 채운다
+ *
+ * 3번이 이 체계의 요점이다. 연동은 기획에서 먼저 정해지고 나중에 붙는다.
+ * 기획서에 "GCP 에 배포한다"고 적어 두었으면 그건 이미 연동 예정이다 —
+ * 사람이 설정 파일에 한 번 더 적게 만들 이유가 없다.
+ * ================================================================== */
+
+/**
+ * `detect` 는 문서 본문에서 찾을 표기다. 서비스 이름이 본문에 있으면 연동 예정으로 본다.
+ * `recommend` 는 아무것도 못 잡았을 때 보여줄 기본 후보다.
+ * 카탈로그에 없는 서비스도 설정에 적으면 그대로 나온다.
+ */
+const LINK_CATALOG = [
+  { id: "github", name: "GitHub", slug: "github", color: "181717", what: "코드 저장소 · 이슈 · PR",
+    recommend: true, detect: ["github", "깃허브"] },
+  { id: "swagger", name: "Swagger", slug: "swagger", color: "85EA2D", what: "API 스펙 · 문서",
+    recommend: true, detect: ["swagger", "openapi", "스웨거"] },
+  { id: "notion", name: "Notion", slug: "notion", color: "000000", what: "회의록 · 업무 위키",
+    recommend: true, detect: ["notion", "노션"] },
+  { id: "figma", name: "Figma", slug: "figma", color: "F24E1E", what: "디자인 원본 · 시안",
+    recommend: true, detect: ["figma", "피그마"] },
+  { id: "slack", name: "Slack", slug: "slack", color: "4A154B", what: "알림 · 커뮤니케이션",
+    recommend: true, detect: ["slack", "슬랙"] },
+  { id: "jira", name: "Jira", slug: "jira", color: "0052CC", what: "이슈 · 스프린트",
+    recommend: true, detect: ["jira", "지라"] },
+
+  /* 아래는 추천 기본값이 아니다 — 기획에 적혀 있을 때만 올라온다 */
+  { id: "gcp", name: "Google Cloud", slug: "googlecloud", color: "4285F4", what: "배포 · 호스팅",
+    detect: ["gcp", "google cloud", "구글 클라우드", "cloud run", "app engine"] },
+  { id: "aws", name: "AWS", slug: "amazonwebservices", color: "232F3E", what: "배포 · 호스팅",
+    detect: ["aws", "amazon web services", "ec2", "s3 버킷"] },
+  { id: "vercel", name: "Vercel", slug: "vercel", color: "000000", what: "배포 · 호스팅",
+    detect: ["vercel", "버셀"] },
+  { id: "cloudflare", name: "Cloudflare", slug: "cloudflare", color: "F38020", what: "CDN · DNS",
+    detect: ["cloudflare", "클라우드플레어"] },
+  { id: "ga4", name: "Google Analytics", slug: "googleanalytics", color: "E37400", what: "측정 · 전환 추적",
+    detect: ["ga4", "google analytics", "구글 애널리틱스"] },
+  { id: "gtm", name: "Google Tag Manager", slug: "googletagmanager", color: "246FDB", what: "태그 운영",
+    detect: ["gtm", "google tag manager", "태그매니저", "태그 매니저"] },
+  { id: "sentry", name: "Sentry", slug: "sentry", color: "362D59", what: "에러 추적",
+    detect: ["sentry", "센트리"] },
+  { id: "kakao", name: "카카오", slug: "kakaotalk", color: "FFCD00", what: "채널 · 알림톡",
+    detect: ["카카오", "알림톡", "kakao"] },
+  { id: "naver", name: "네이버", slug: "naver", color: "03C75A", what: "검색 등록 · 서치어드바이저",
+    detect: ["서치어드바이저", "네이버 웹마스터", "naver search advisor"] },
+  { id: "stripe", name: "Stripe", slug: "stripe", color: "635BFF", what: "결제",
+    detect: ["stripe", "스트라이프"] },
+  { id: "tosspayments", name: "토스페이먼츠", slug: "tosspayments", color: "0064FF", what: "결제",
+    detect: ["토스페이먼츠", "tosspayments", "toss payments"] },
+  { id: "firebase", name: "Firebase", slug: "firebase", color: "DD2C00", what: "인증 · 실시간 DB",
+    detect: ["firebase", "파이어베이스"] },
+  { id: "supabase", name: "Supabase", slug: "supabase", color: "3FCF8E", what: "DB · 인증",
+    detect: ["supabase", "수파베이스"] },
+  { id: "sendgrid", name: "SendGrid", slug: "sendgrid", color: "1A82E2", what: "메일 발송",
+    detect: ["sendgrid", "센드그리드"] },
+  { id: "githubactions", name: "GitHub Actions", slug: "githubactions", color: "2088FF", what: "CI · CD",
+    detect: ["github actions", "깃허브 액션", "ci/cd"] },
+];
+
+/** git@host:a/b.git → https://host/a/b */
+function normalizeRemote(url) {
+  const ssh = url.match(/^git@([^:]+):(.+?)(\.git)?$/);
+  if (ssh) return "https://" + ssh[1] + "/" + ssh[2];
+  return url.replace(/\.git$/, "");
+}
+
+/** 프로젝트 루트에서 알아낼 수 있는 연동만 자동으로 집는다. */
+function detectLinks(docsDir) {
+  const root = dirname(resolve(docsDir));
+  const found = {};
+
+  try {
+    const remote = execFileSync("git", ["-C", root, "remote", "get-url", "origin"], {
+      encoding: "utf8",
+      stdio: ["ignore", "pipe", "ignore"],
+    }).trim();
+    if (/github\.com/.test(remote)) found.github = { url: normalizeRemote(remote), note: "git origin" };
+  } catch {}
+
+  const specDirs = ["", "docs", "api", "openapi"];
+  for (const d of specDirs) {
+    const dir = d ? join(root, d) : root;
+    if (!existsSync(dir)) continue;
+    const hit = readdirSync(dir).find((f) => /^(openapi|swagger)\.(ya?ml|json)$/i.test(f));
+    if (hit) {
+      found.swagger = { url: (d ? "../" + d + "/" : "../") + hit, note: "스펙 파일 " + (d ? d + "/" : "") + hit };
+      break;
+    }
+  }
+  return found;
+}
+
+/**
+ * 기획 문서 본문에서 **연동 예정**을 잡는다.
+ *
+ * 연동은 설정 파일보다 기획서에 먼저 적힌다 — "GCP 에 배포한다", "카카오 알림톡을 쓴다".
+ * 그걸 사람이 설정에 한 번 더 옮겨 적게 만들 이유가 없으므로 본문에서 직접 읽는다.
+ * 근거(어느 문서에서 잡았는지)를 함께 돌려주어 오탐을 눈으로 판단할 수 있게 한다.
+ */
+function detectPlannedLinks(docs) {
+  const found = {};
+  for (const c of LINK_CATALOG) {
+    if (!c.detect || !c.detect.length) continue;
+    for (const d of docs) {
+      const body = authoredText(d.body || "");
+      const hit = c.detect.find((k) => body.includes(k.toLowerCase()));
+      if (!hit) continue;
+      const title = (d.meta && d.meta.title) || d.id;
+      found[c.id] = { planned: true, note: "기획에 언급됨 — " + title };
+      break;
+    }
+  }
+  return found;
+}
+
+/**
+ * 사람이 **쓴** 본문만 남긴다.
+ *
+ * 빼는 것 세 가지. 전부 실제로 오탐을 냈다.
+ *   - `> **작성 지침**` — 템플릿 지침에 서비스 이름이 예시로 들어 있다.
+ *     같이 읽으면 **빈 새 프로젝트에서도 연동이 잡힌다**
+ *   - 코드 블록 — 설정 예시에 서비스 id 가 들어 있다
+ *   - 인라인 코드 — `openapi` 처럼 **식별자**를 가리키는 표기다.
+ *     "openapi 파일을 찾는다"는 설명이지 "openapi 를 쓴다"가 아니다
+ *
+ * 지침과 식별자는 "이런 걸 적어라"이지 "이걸 쓴다"가 아니다.
+ */
+function authoredText(body) {
+  return body
+    .replace(/```[\s\S]*?```/g, "")
+    .split("\n")
+    .filter((line) => !/^\s*>/.test(line))
+    .join("\n")
+    .replace(/`[^`\n]*`/g, "")
+    .toLowerCase();
+}
+
+/**
+ * 설정 + 자동 감지 + 기획 감지를 합친다. **설정이 항상 이긴다.**
+ * 셋 다 비면 카탈로그의 추천 기본값으로 채운다 — 빈 페이지를 보여주지 않기 위해서다.
+ * 카탈로그에 없는 id도 설정에 적으면 그대로 나온다(name 은 직접 적는다).
+ */
+function loadLinks(docsDir, config, docs = []) {
+  const conf = config.integrations || {};
+  const auto = detectLinks(docsDir);
+  const planned = detectPlannedLinks(docs);
+
+  let ids = [...new Set([...Object.keys(conf), ...Object.keys(auto), ...Object.keys(planned)])];
+  const recommended = ids.length === 0;
+  if (recommended) ids = LINK_CATALOG.filter((c) => c.recommend).map((c) => c.id);
+
+  return ids.map((id) => {
+    const base = LINK_CATALOG.find((c) => c.id === id) || { id, name: id, slug: id, color: "6b7280", what: "" };
+    const c = typeof conf[id] === "string" ? { url: conf[id] } : conf[id] || {};
+    const merged = { ...base, ...(planned[id] || {}), ...(auto[id] || {}), ...c };
+    merged.source = conf[id] ? "설정" : auto[id] ? "자동 감지" : planned[id] ? "기획" : "추천";
+    merged.connected = merged.status ? merged.status === "connected" : Boolean(merged.url);
+    merged.prompt = merged.connected
+      ? merged.name + " 연동(" + (merged.url || "") + ")이 지금 제대로 물려 있는지 점검해줘. " +
+        "끊겼거나 갱신이 필요한 부분을 알려주고, 바뀐 내용은 Docs/docs.config.json 의 integrations." + id +
+        " 에 반영한 뒤 project-init build 를 다시 돌려줘."
+      : "이 프로젝트를 " + merged.name + (merged.what ? "(" + merged.what + ")" : "") + "에 연동하고 싶어. " +
+        "지금 프로젝트 상태와 이미 붙어 있는 연동을 먼저 확인하고, " + merged.name +
+        " 연동에 필요한 준비물과 단계를 순서대로 알려줘. 연동이 끝나면 Docs/docs.config.json 의 integrations." + id +
+        ' 에 url 과 status:"connected" 를 기록하고 project-init build 를 다시 돌려서 문서에 반영해줘.';
+    return merged;
+  });
+}
+
+const LINK_ADD_PROMPT =
+  "연동하고 싶은 서비스가 하나 더 있어: (서비스 이름). 이 프로젝트에 어떻게 붙이면 되는지 알려주고, " +
+  "Docs/docs.config.json 의 integrations 에 항목을 추가한 뒤 project-init build 를 다시 돌려줘.";
+
+/** 로고 타일. CDN이 막힌 환경에서는 이니셜로 떨어진다. */
+const linkLogo = (l) =>
+  '<span class="logo" style="--brand:#' + l.color + '"><i>' + escapeHtml(l.name.charAt(0)) + "</i>" +
+  '<img src="https://cdn.simpleicons.org/' + l.slug + "/" + l.color + '" alt="" loading="lazy" onerror="this.remove()"></span>';
+
 /* ================================================================== *
  * 3단계 — 시안 스냅샷과 규칙 검증
  *
@@ -891,7 +1079,49 @@ function progressClass(percent) {
  * 렌더
  * ================================================================== */
 
-function render(docs, config, trace, discovery = [], design = [], mockups = [], styleguide = null, docsDir = "", build = []) {
+/**
+ * 이 문서가 프로젝트에서 실제로 쓰였는가.
+ *
+ * 기획안을 근거로 메뉴는 만들어졌지만 끝까지 손대지 않는 문서가 생긴다.
+ * 그런 문서를 "작성 중"으로 두면 진행률이 영원히 낮게 깔리고, 무엇이 남은
+ * 일이고 무엇이 애초에 필요 없던 항목인지 구분되지 않는다.
+ *
+ * 판정은 네 신호 중 하나라도 걸리면 '쓰임'이다. 실측하면 갓 만든 문서는
+ * 37~265, 한 번이라도 채운 문서는 996 이상으로 갈라진다.
+ */
+const USAGE_MIN_CHARS = 400;
+
+function docUsed(doc) {
+  // 주 신호는 **내용**이다. 상태나 링크는 템플릿이 만들어 낸 흔적일 수 있다:
+  // log 템플릿은 status 가 approved 로 시작하고, 모든 spec 템플릿은 리스크
+  // 대장으로 가는 링크를 자동으로 건다. 그걸 근거로 삼으면 갓 만든 대장이
+  // 늘 '사용됨'이 된다.
+  if (meaningfulChars(doc.body) >= USAGE_MIN_CHARS) return true;
+
+  // 내용이 적어도 사람이 손댄 흔적이 있으면 사용으로 본다
+  if (doc.meta.template !== "log" && doc.meta.status && doc.meta.status !== "draft") {
+    return true;
+  }
+  const outside = stripCode(doc.body || "");           // 템플릿 예시 ID 는 제외
+  for (const id of doc.refs?.defined || []) {
+    if (outside.includes(id)) return true;
+  }
+  return false;
+}
+
+/** 템플릿 골격(제목·지침·빈 표·TODO)을 뺀 실질 글자 수. */
+function meaningfulChars(body = "") {
+  return body
+    .replace(/^---\n[\s\S]*?\n---\n/, "")
+    .replace(/^#{1,4} .*$/gm, "")
+    .replace(/^\|[\s|:-]*\|\s*$/gm, "")
+    .replace(/TODO\([a-z]+\)/g, "")
+    .replace(/^> .*$/gm, "")
+    .replace(/\|\s*\|/g, "")
+    .replace(/[\s|·—▪•\-*`>]+/g, "").length;
+}
+
+function render(docs, config, trace, discovery = [], design = [], mockups = [], styleguide = null, docsDir = "", build = [], links = []) {
   const byId = new Map([...discovery, ...design, ...docs].map((d) => [d.id, d]));
   const resolveLink = (target) => {
     const d = byId.get(target);
@@ -910,14 +1140,17 @@ function render(docs, config, trace, discovery = [], design = [], mockups = [],
     g.docs.push(d);
   }
 
-  const navLink = (id, label, status) =>
-    '<a class="nav-item" data-id="' +
+  const navLink = (id, label, status, used) =>
+    '<a class="nav-item' +
+    (used === false ? " unused" : "") +
+    '" data-id="' +
     id +
+    (used === undefined ? "" : '" data-used="' + (used ? "1" : "0")) +
     '" href="#/' +
     id +
     '"><span class="nav-dot s-' +
     status +
-    '"></span><span>' +
+    '"></span><span class="nav-label">' +
     escapeHtml(label) +
     "</span></a>";
 
@@ -997,7 +1230,9 @@ function render(docs, config, trace, discovery = [], design = [], mockups = [],
         escapeHtml(p.name) +
         "</div>" +
         p.docs
-          .map((d) => navLink(d.id, d.meta.title || d.id, d.meta.status || "draft"))
+          .map((d) =>
+            navLink(d.id, d.meta.title || d.id, d.meta.status || "draft", docUsed(d)),
+          )
           .join("") +
         "</div>",
     )
@@ -1006,7 +1241,94 @@ function render(docs, config, trace, discovery = [], design = [], mockups = [],
     stageTitle(4, "구현") + '<div class="nav-empty">' +
     (progress[4] ? "구현 진행 중" : "아직 산출물 없음") + "</div></div>";
 
-  /* --- 문서 본문 (1단계 기록 + 2단계 문서) --- */
+
+  /* --- 연동 서비스 --- */
+  /* 좌측에는 **관리 메뉴 하나만** 둔다.
+     서비스를 전부 나열하면 문서 메뉴보다 길어져 사이드바가 연동 목록판이 된다.
+     목록은 연동 서비스 페이지가 맡는다. 여기서는 몇 개가 붙었는지만 보여준다. */
+  const linkedCount = links.filter((l) => l.connected).length;
+  const linksNav =
+    '<div class="nav-group nav-links">' +
+    '<a class="nav-item" data-id="__links" href="#/__links">' +
+    '<span class="nav-dot s-utility"></span><span>연동 서비스 관리</span><span class="nav-progress ' +
+    progressClass(links.length ? Math.round((linkedCount / links.length) * 100) : 0) + '">' +
+    linkedCount + "/" + links.length + "</span></a>" +
+    "</div>";
+
+  const SRC_PILL = { "설정": "s-approved", "자동 감지": "s-review", "기획": "s-review", "추천": "s-draft" };
+  const linkCard = (l) =>
+    '<div class="link-card' + (l.connected ? " on" : "") + '">' +
+    '<div class="link-head">' + linkLogo(l) +
+    '<span class="link-name">' + escapeHtml(l.name) + "</span>" +
+    '<span class="pill ' + (SRC_PILL[l.source] || "s-draft") + '">' + escapeHtml(l.source || "") + "</span>" +
+    '<span class="pill ' + (l.connected ? "s-approved" : "s-draft") + '">' +
+    (l.connected ? "연결됨" : "미연동") + "</span></div>" +
+    '<p class="card-summary">' + escapeHtml(l.what || "") +
+    (l.note ? " — " + escapeHtml(l.note) : "") + "</p>" +
+    (l.url ? '<div class="link-url">' + escapeHtml(l.url) + "</div>" : "") +
+    '<div class="link-actions">' +
+    (l.connected && l.url
+      ? '<a class="link-btn primary" href="' + escapeHtml(l.url) + '" target="_blank" rel="noreferrer">열기 ↗</a>'
+      : "") +
+    '<button class="link-btn" type="button" data-copy="' + escapeHtml(l.prompt) + '">' +
+    (l.connected ? "점검 요청 복사" : "연동 방법 묻기 복사") + "</button></div></div>";
+
+  const linksArticle =
+    '<article class="doc" data-id="__links" data-title="연동 서비스"><div class="doc-inner"><div class="doc-body">' +
+    "<h1>연동 서비스</h1>" +
+    '<p class="home-lead">이 프로젝트가 밖으로 물려 있는 곳들입니다. ' +
+    "연결된 카드는 눌러서 바로 이동하고, 아직 안 붙은 카드는 <strong>연동 방법 묻기</strong>를 눌러 " +
+    "문구를 복사한 뒤 AI에게 그대로 물어보면 됩니다.</p>" +
+    (links.every((l) => l.source === "추천")
+      ? '<p class="home-lead links-hint"><strong>아직 정해진 연동이 없어 추천 목록을 보여줍니다.</strong> ' +
+        "기획 문서에 쓸 서비스를 적으면(예: “GCP 에 배포한다”) 다음 빌드부터 이 자리에 그것이 올라옵니다. " +
+        "확정된 것은 <code>Docs/docs.config.json</code> 의 <code>integrations</code> 에 적습니다.</p>"
+      : '<p class="home-lead links-hint">목록은 <strong>설정 → 자동 감지 → 기획 본문</strong> 순으로 모읍니다. ' +
+        "<code>기획</code> 딱지가 붙은 카드는 문서에 언급되어 자동으로 올라온 것이라 " +
+        "오탐일 수 있습니다 — 아니면 <code>integrations</code> 에서 빼면 됩니다.</p>") +
+    '<div class="links-grid">' +
+    links.map(linkCard).join("") +
+    '<div class="link-card link-add"><div class="link-head"><span class="logo logo-add"><i>+</i></span>' +
+    '<span class="link-name">새 서비스 추가</span></div>' +
+    '<p class="card-summary">카탈로그에 없는 서비스도 붙일 수 있습니다.</p>' +
+    '<div class="link-actions"><button class="link-btn" type="button" data-copy="' +
+    escapeHtml(LINK_ADD_PROMPT) + '">추가 문의 문구 복사</button></div></div>' +
+    "</div></div></div></article>";
+
+  /* 산출물 대본.
+ *
+ * 코드가 아니라 **AI 에게 주는 지시문**이다. 복사해서 에이전트에 붙여 넣으면
+ * 그 형식으로 산출물을 만든다. 서식 규격(`_style.md`)이 대본 안에 박혀 있으므로
+ * 착수 때 만들든 중간에 만들든, 누가 어떤 도구로 만들든 같은 모양이 나온다.
+ *
+ * 대본은 원본 .md 경로만 가리킨다. 내용을 품지 않으므로 문서를 고친 뒤 같은
+ * 대본을 다시 쓰면 최신 내용으로 만들어진다. HTML 크기도 문서 수와 무관하다. */
+const SCRIPT_FORMATS = [
+  { id: "pdf",   label: "PDF",               ext: "pdf" },
+  { id: "excel", label: "Excel (XLSX)",      ext: "xlsx" },
+  { id: "pptx",  label: "PowerPoint (PPTX)", ext: "pptx" },
+  { id: "docx",  label: "Word (DOCX)",       ext: "docx" },
+  { id: "csv",   label: "CSV",               ext: "csv" },
+];
+
+function loadScripts(project) {
+  const dir = join(SKILL_DIR, "templates", "script");
+  const stylePath = join(dir, "_style.md");
+  if (!existsSync(stylePath)) return null;
+  const style = readFileSync(stylePath, "utf8").trim();
+  const out = {};
+  for (const f of SCRIPT_FORMATS) {
+    const path = join(dir, f.id + ".md");
+    if (!existsSync(path)) continue;
+    out[f.id] = readFileSync(path, "utf8")
+      .replace("__STYLE__", style)
+      .split("__PROJECT__").join(project || "이");
+  }
+  return Object.keys(out).length ? out : null;
+}
+
+/* --- 문서 본문 (1단계 기록 + 2단계 문서) --- */
+  const scripts = loadScripts(config.project);
   const searchIndex = [];
   const articles = [...discovery, ...design, ...docs]
     .map((d) => {
@@ -1087,7 +1409,15 @@ function render(docs, config, trace, discovery = [], design = [], mockups = [],
         escapeHtml(d.meta.updated || d.meta.date || "—") +
         '</span><span class="meta-sep"></span><span class="mono">' +
         escapeHtml(d.file) +
-        "</span></div>" +
+        "</span>" +
+        (stage1
+          ? ""
+          : '<button class="doc-export" type="button" data-export-file="' +
+            escapeHtml(d.file) +
+            '" data-export-title="' +
+            escapeHtml(d.meta.title || d.id) +
+            '">파일 스크립트</button>') +
+        "</div>" +
         html +
         definedHtml +
         backHtml +
@@ -1317,9 +1647,15 @@ function render(docs, config, trace, discovery = [], design = [], mockups = [],
     '<span class="search-icon">' + ICON.search + "</span>" +
     '<input id="search" type="search" placeholder="문서 검색" autocomplete="off" spellcheck="false">' +
     '<kbd class="search-kbd">/</kbd></div></div>' +
+    '<div class="nav-tools">' +
+    '<label class="nav-toggle"><input type="checkbox" id="inactiveMode">' +
+    '<span>비활성 관리</span></label>' +
+    '<span class="nav-count" id="inactiveCount"></span>' +
+    "</div>" +
     '<div class="nav" id="nav">' +
     guideNav +
     navLink("__home", "홈", "home") +
+    linksNav +
     navLink("__trace", "추적성 매트릭스", "utility") +
     discoveryNav +
     sidebar +
@@ -1341,10 +1677,40 @@ function render(docs, config, trace, discovery = [], design = [], mockups = [],
     '<div class="doc-body"><h1>검색</h1><div id="results"></div></div></div></article>' +
     guideArticle +
     home +
+    linksArticle +
     mockupArticle +
     traceArticle +
     articles +
     "</main>" +
+    (scripts
+      ? '<div class="modal" id="exportModal" hidden>' +
+        '<div class="modal-back" data-close-export></div>' +
+        '<div class="modal-card" role="dialog" aria-modal="true" aria-labelledby="exportTitle">' +
+        '<div class="modal-head">' +
+        '<div><div class="modal-title" id="exportTitle">파일 스크립트 — 산출물 생성 대본</div>' +
+        '<div class="modal-sub" id="exportSub"></div></div>' +
+        '<button class="icon-btn" type="button" data-close-export aria-label="닫기">\u2715</button>' +
+        "</div>" +
+        '<div class="modal-bar">' +
+        '<label class="modal-label" for="exportFormat">형식</label>' +
+        '<select class="modal-select" id="exportFormat">' +
+        SCRIPT_FORMATS.filter((f) => scripts[f.id])
+          .map((f) => '<option value="' + f.id + '">' + f.label + "</option>")
+          .join("") +
+        "</select>" +
+        '<span class="modal-install" id="exportInstall"></span>' +
+        '<button class="modal-copy" type="button" id="exportCopy">대본 복사</button>' +
+        "</div>" +
+        '<div class="modal-body"><pre class="modal-code" id="exportCode"></pre></div>' +
+        '<div class="modal-foot">복사해서 AI 에게 그대로 붙여 넣으면 됩니다. ' +
+        '대본은 원본 <span class="mono" id="exportFile"></span> 을 가리킬 뿐 내용을 품지 않으므로, ' +
+        "문서를 고친 뒤 같은 대본을 다시 써도 최신 내용으로 만들어집니다." +
+        "</div></div></div>" +
+        '<script id="exportScripts" type="application/json">' +
+        JSON.stringify({ scripts: scripts, formats: SCRIPT_FORMATS })
+          .replace(/</g, "\\u003c") +
+        "<\/script>"
+      : "") +
     '<script id="searchIndex" type="application/json">' +
     JSON.stringify(searchIndex).replace(/</g, "\\u003c") +
     "<\/script>" +
@@ -1380,6 +1746,82 @@ const CSS = `
   --s-draft:#979a9b; --s-review:#d9730d; --s-approved:#4dab9a;
   --alert-bg:#2d1f1c; --alert-line:#5c332a; --alert-tx:#ff9b8a;
 }
+
+/* ── 파일 스크립트 버튼 · 모달 ─────────────────────────────── */
+.doc-export{margin-left:auto; font:inherit; font-size:12px; font-weight:500;
+  color:var(--tx-dim); background:transparent; border:1px solid var(--line-strong);
+  border-radius:6px; padding:3px 10px; cursor:pointer; white-space:nowrap;
+  transition:background .12s, color .12s, border-color .12s}
+.doc-export:hover{background:var(--hover); color:var(--tx); border-color:var(--tx-faint)}
+.modal[hidden]{display:none}
+.modal{position:fixed; inset:0; z-index:90; display:flex; align-items:center;
+  justify-content:center; padding:24px}
+.modal-back{position:absolute; inset:0; background:rgba(15,15,15,.45);
+  backdrop-filter:blur(2px); animation:mfade .16s var(--ease)}
+.modal-card{position:relative; display:flex; flex-direction:column;
+  width:min(880px,100%); max-height:min(86vh,760px); background:var(--bg);
+  border:1px solid var(--line-strong); border-radius:14px; overflow:hidden;
+  box-shadow:0 24px 64px rgba(15,15,15,.22); animation:mrise .2s var(--ease)}
+@keyframes mfade{from{opacity:0}}
+@keyframes mrise{from{opacity:0; transform:translateY(10px) scale(.985)}}
+.modal-head{display:flex; align-items:flex-start; gap:16px; padding:18px 20px 14px;
+  border-bottom:1px solid var(--line)}
+.modal-title{font-size:16px; font-weight:600; letter-spacing:-.01em}
+.modal-sub{font-size:12.5px; color:var(--tx-dim); margin-top:2px}
+.modal-head .icon-btn{margin-left:auto; flex:none}
+.modal-bar{display:flex; align-items:center; gap:10px; flex-wrap:wrap;
+  padding:12px 20px; background:var(--bg-side); border-bottom:1px solid var(--line)}
+.modal-label{font-size:12px; color:var(--tx-dim); font-weight:500}
+.modal-select{font:inherit; font-size:13px; color:var(--tx); background:var(--bg);
+  border:1px solid var(--line-strong); border-radius:7px; padding:5px 10px; cursor:pointer}
+.modal-install{font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);
+  font-size:11.5px; color:var(--tx-dim); background:var(--bg-code);
+  border-radius:5px; padding:3px 8px}
+.modal-copy{margin-left:auto; font:inherit; font-size:12.5px; font-weight:600;
+  color:#fff; background:var(--accent); border:0; border-radius:7px;
+  padding:6px 14px; cursor:pointer}
+.modal-copy:hover{filter:brightness(1.06)}
+.modal-body{overflow:auto; background:var(--bg-code)}
+.modal-code{margin:0; padding:18px 20px; font-size:12px; line-height:1.65;
+  white-space:pre; color:var(--tx);
+  font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace)}
+.modal-foot{padding:11px 20px; font-size:12px; color:var(--tx-dim);
+  border-top:1px solid var(--line)}
+@media(max-width:700px){
+  .modal{padding:10px}
+  .modal-copy{margin-left:0}
+  .modal-code{font-size:11px}
+}
+
+/* ── 비활성 메뉴 ─────────────────────────────────────────── */
+.nav-tools{display:flex; align-items:center; gap:8px; padding:2px 14px 8px}
+.nav-toggle{display:inline-flex; align-items:center; gap:6px; cursor:pointer;
+  font-size:11.5px; color:var(--tx-faint); user-select:none}
+.nav-toggle input{width:12px; height:12px; margin:0; cursor:pointer; accent-color:var(--accent)}
+.nav-toggle:hover{color:var(--tx-dim)}
+.nav-count{margin-left:auto; font-size:10.5px; color:var(--tx-faint); font-variant-numeric:tabular-nums}
+/* 한 번도 쓰이지 않은 메뉴 — 노란 점이 아니라 검정 점으로 죽여 둔다 */
+.nav-item.unused .nav-dot,
+.nav-group.p-yellow .nav-item.unused .nav-dot,
+.nav-group.p-red .nav-item.unused .nav-dot,
+.nav-group.p-orange .nav-item.unused .nav-dot,
+.nav-group.p-green .nav-item.unused .nav-dot,
+.nav-group.p-gray .nav-item.unused .nav-dot{
+  background:#000; box-shadow:0 0 0 1px var(--line-strong)}
+[data-theme=dark] .nav-item.unused .nav-dot,
+[data-theme=dark] .nav-group .nav-item.unused .nav-dot{
+  background:#000; box-shadow:0 0 0 1px rgba(255,255,255,.22)}
+.nav-item.unused .nav-label{color:var(--tx-faint)}
+.nav-item.unused:hover .nav-label{color:var(--tx-dim)}
+/* 관리 모드 */
+body.inactive-mode .nav-item{position:relative; padding-left:30px}
+body.inactive-mode .nav-item .nav-dot{position:absolute; left:18px}
+.nav-check{position:absolute; left:7px; top:50%; transform:translateY(-50%);
+  width:12px; height:12px; margin:0; cursor:pointer; accent-color:var(--accent);
+  display:none}
+body.inactive-mode .nav-check{display:block}
+body.inactive-mode .nav-tools{background:var(--hover); border-radius:7px;
+  margin:0 6px 6px; padding:6px 8px}
 html{-webkit-text-size-adjust:100%}
 body{
   margin:0; background:var(--bg); color:var(--tx);
@@ -1460,6 +1902,29 @@ a{color:inherit}
 .nav-group.nav-stage3{padding-bottom:12px; border-bottom:1px solid var(--line)}
 .panel-stage3{border-color:var(--stage3)}
 .panel-stage3 .panel-title{color:var(--stage3)}
+.logo{position:relative; width:18px; height:18px; flex:none; border-radius:4px; background:#fff;
+  border:1px solid var(--line-strong); overflow:hidden}
+.logo i{position:absolute; inset:0; display:grid; place-items:center; font-style:normal;
+  font-size:10px; font-weight:700; color:var(--brand,#555)}
+.logo img{position:relative; display:block; width:100%; height:100%; padding:3px; object-fit:contain}
+.logo-add i{color:var(--tx-faint); font-size:13px}
+.links-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:10px; margin-top:22px}
+.link-card{display:flex; flex-direction:column; gap:6px; padding:14px 16px;
+  border:1px solid var(--line-strong); border-radius:8px; background:var(--bg)}
+.link-card.on{border-color:var(--green)}
+.link-card.link-add{border-style:dashed}
+.link-head{display:flex; align-items:center; gap:8px}
+.link-head .logo{width:22px; height:22px}
+.link-name{font-weight:600; font-size:14px}
+.link-head .pill{margin-left:auto}
+.link-head .pill ~ .pill{margin-left:0}
+.link-url{font-size:11.5px; color:var(--tx-faint); word-break:break-all}
+.link-actions{display:flex; gap:6px; margin-top:auto; padding-top:6px}
+.link-btn{display:inline-flex; align-items:center; justify-content:center; padding:5px 10px;
+  border:1px solid var(--line-strong); border-radius:6px; background:transparent; cursor:pointer;
+  font:inherit; font-size:12px; color:var(--tx-dim); text-decoration:none; white-space:nowrap}
+.link-btn:hover{background:var(--hover); color:var(--tx)}
+.link-btn.primary{border-color:var(--accent); color:var(--accent)}
 .mockups{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px; margin-top:20px}
 .mockup{display:flex; align-items:center; justify-content:space-between; gap:10px;
   padding:14px 16px; border:1px solid var(--line-strong); border-radius:8px;
@@ -1643,6 +2108,7 @@ a.panel-row:hover{color:var(--tx)}
   .doc-body h1{font-size:30px}
   .doc-body h2{font-size:21px}
   .cards{grid-template-columns:1fr}
+  .links-grid{grid-template-columns:1fr}
 }
 @media (prefers-reduced-motion:reduce){ *{transition-duration:.01ms !important; animation-duration:.01ms !important} }
 `;
@@ -1709,6 +2175,199 @@ const JS = `
     if(el){ e.preventDefault(); el.scrollIntoView({behavior:'smooth', block:'start'}); }
   });
 
+
+
+  /* ── 비활성 메뉴 관리 ────────────────────────────
+   * 자동 판정(data-used=0)이 기본이고, 사용자가 체크로 덮어쓴다.
+   * index.html 은 빌드마다 새로 만들어지므로 덮어쓴 값은 문서 id 로
+   * localStorage 에 둔다 — 다시 빌드해도 유지된다. */
+  (function(){
+    var box = document.getElementById('inactiveMode');
+    var nav = document.getElementById('nav');
+    var count = document.getElementById('inactiveCount');
+    if(!box || !nav) return;
+    var KEY = 'inactiveDocs';
+
+    function load(){
+      try { return JSON.parse(localStorage.getItem(KEY)) || {}; }
+      catch(e){ return {}; }
+    }
+    function save(map){
+      try { localStorage.setItem(KEY, JSON.stringify(map)); } catch(e){}
+    }
+
+    var overrides = load();
+    var items = [].slice.call(nav.querySelectorAll('.nav-item[data-used]'));
+
+    function isInactive(item){
+      var id = item.getAttribute('data-id');
+      if(Object.prototype.hasOwnProperty.call(overrides, id)) return !!overrides[id];
+      return item.getAttribute('data-used') === '0';
+    }
+
+    function paint(){
+      var n = 0;
+      items.forEach(function(item){
+        var off = isInactive(item);
+        item.classList.toggle('unused', off);
+        var cb = item.querySelector('.nav-check');
+        if(cb) cb.checked = off;
+        if(off) n++;
+      });
+      count.textContent = n ? ('비활성 ' + n + ' / ' + items.length) : '';
+    }
+
+    // 관리 모드에서 쓸 체크박스를 미리 넣어 둔다 (CSS 로 보였다 숨긴다)
+    items.forEach(function(item){
+      var cb = document.createElement('input');
+      cb.type = 'checkbox';
+      cb.className = 'nav-check';
+      cb.title = '비활성으로 표시';
+      item.insertBefore(cb, item.firstChild);
+    });
+
+    /* 체크박스가 <a> 안에 있어 클릭이 그대로 두면 문서 이동까지 간다.
+     * 문서 캡처 단계에서 먼저 가로채 라우터보다 앞서 끊는다. */
+    document.addEventListener('click', function(e){
+      var cb = e.target;
+      if(!cb.classList || !cb.classList.contains('nav-check')) return;
+      e.preventDefault();
+      e.stopPropagation();
+      if(e.stopImmediatePropagation) e.stopImmediatePropagation();
+      var item = cb.closest('.nav-item');
+      if(!item) return;
+      var id = item.getAttribute('data-id');
+      var next = !isInactive(item);
+      var auto = item.getAttribute('data-used') === '0';
+      // 자동 판정과 같아지면 덮어쓰기를 지운다 — 쓸데없는 저장을 남기지 않는다
+      if(next === auto) delete overrides[id];
+      else overrides[id] = next;
+      save(overrides);
+      paint();
+    }, true);
+
+    box.addEventListener('change', function(){
+      document.body.classList.toggle('inactive-mode', box.checked);
+      try { localStorage.setItem('inactiveMode', box.checked ? '1' : ''); } catch(e){}
+    });
+    try {
+      if(localStorage.getItem('inactiveMode')){
+        box.checked = true;
+        document.body.classList.add('inactive-mode');
+      }
+    } catch(e){}
+
+    paint();
+  })();
+
+  /* ── 파일 스크립트 모달 ──────────────────────────── */
+  (function(){
+    var node = document.getElementById('exportScripts');
+    var modal = document.getElementById('exportModal');
+    if(!node || !modal) return;
+    var data = JSON.parse(node.textContent);
+    var sel = document.getElementById('exportFormat');
+    var code = document.getElementById('exportCode');
+    var install = document.getElementById('exportInstall');
+    var sub = document.getElementById('exportSub');
+    var fileEl = document.getElementById('exportFile');
+    var copyBtn = document.getElementById('exportCopy');
+    var cur = { file: '', title: '' };
+    var lastFocus = null;
+
+    function fmt(id){
+      for(var i=0;i<data.formats.length;i++){ if(data.formats[i].id===id) return data.formats[i]; }
+      return data.formats[0];
+    }
+    function stem(file){ return file.replace(/\.[^.]+$/, ''); }
+
+    function render(){
+      var f = fmt(sel.value);
+      var src = data.scripts[f.id] || '';
+      code.textContent = src
+        .split('__DOC_FILE__').join(cur.file)
+        .split('__DOC_TITLE__').join(cur.title)
+        .split('__DOC_STEM__').join(stem(cur.file));
+      install.textContent = stem(cur.file) + '.' + f.ext;
+      try { localStorage.setItem('exportFormat', f.id); } catch(e){}
+    }
+
+    function open(btn){
+      cur.file = btn.getAttribute('data-export-file') || '';
+      cur.title = btn.getAttribute('data-export-title') || '';
+      sub.textContent = cur.title;
+      fileEl.textContent = cur.file;
+      try {
+        var saved = localStorage.getItem('exportFormat');
+        if(saved && data.scripts[saved]) sel.value = saved;
+      } catch(e){}
+      render();
+      lastFocus = btn;
+      modal.hidden = false;
+      document.body.style.overflow = 'hidden';
+      sel.focus();
+    }
+    function close(){
+      modal.hidden = true;
+      document.body.style.overflow = '';
+      if(lastFocus) lastFocus.focus();
+    }
+
+    document.addEventListener('click', function(e){
+      var btn = e.target.closest && e.target.closest('[data-export-file]');
+      if(btn){ e.preventDefault(); open(btn); return; }
+      if(e.target.closest && e.target.closest('[data-close-export]')) close();
+    });
+    document.addEventListener('keydown', function(e){
+      if(e.key === 'Escape' && !modal.hidden) close();
+    });
+    sel.addEventListener('change', render);
+
+    copyBtn.addEventListener('click', function(){
+      var text = code.textContent;
+      var label = copyBtn.textContent;
+      function done(){
+        copyBtn.textContent = '복사됨 ✓';
+        setTimeout(function(){ copyBtn.textContent = label; }, 1600);
+      }
+      function fallback(){
+        var ta = document.createElement('textarea');
+        ta.value = text; ta.setAttribute('readonly','');
+        ta.style.position='fixed'; ta.style.opacity='0';
+        document.body.appendChild(ta); ta.select();
+        try { document.execCommand('copy'); done(); }
+        catch(err){ copyBtn.textContent = '복사 실패'; }
+        ta.remove();
+      }
+      if(navigator.clipboard && navigator.clipboard.writeText){
+        navigator.clipboard.writeText(text).then(done, fallback);
+      } else { fallback(); }
+    });
+  })();
+
+  /* ── 연동 카드: 문구 복사 ──────────────────────── */
+  document.addEventListener('click', function(e){
+    var b = e.target.closest && e.target.closest('[data-copy]');
+    if(!b) return;
+    var text = b.getAttribute('data-copy');
+    var label = b.textContent;
+    function done(){
+      b.textContent = '복사됨 ✓';
+      setTimeout(function(){ b.textContent = label; }, 1600);
+    }
+    function fallback(){
+      var ta = document.createElement('textarea');
+      ta.value = text; ta.setAttribute('readonly','');
+      ta.style.position = 'fixed'; ta.style.opacity = '0';
+      document.body.appendChild(ta); ta.select();
+      try { document.execCommand('copy'); done(); } catch(err) { b.textContent = '복사 실패'; }
+      ta.remove();
+    }
+    if(navigator.clipboard && navigator.clipboard.writeText){
+      navigator.clipboard.writeText(text).then(done, fallback);
+    } else { fallback(); }
+  });
+
   /* ── 전문 검색 ───────────────────────────────────── */
   var search  = document.getElementById('search');
   var results = document.getElementById('results');
@@ -2034,9 +2693,10 @@ function cmdBuild(docsDir) {
   const config = loadConfig(docsDir);
   const mockups = loadMockups(docsDir);
   const styleguide = findStyleguide(docsDir);
+  const links = loadLinks(docsDir, config, docs);
   const trace = buildTraceability([...discovery, ...design, ...docs]);
   const out = join(docsDir, "index.html");
-  writeFileSync(out, render(docs, config, trace, discovery, design, mockups, styleguide, docsDir, build), "utf8");
+  writeFileSync(out, render(docs, config, trace, discovery, design, mockups, styleguide, docsDir, build, links), "utf8");
   console.log(
     "생성됨: " +
       out +

package/skills/project-init/templates/script/_style.md

@@ -0,0 +1,47 @@
+## 산출물 공통 서식 규격
+
+**이 규격은 고정입니다.** 프로젝트 초기에 만들든 중간에 만들든, 누가 어떤 도구로
+만들든 **같은 값을 써서 같은 모양이 나와야 합니다.** 아래 값을 임의로 바꾸지 마세요.
+
+### 색
+
+| 쓰임 | 값 |
+| --- | --- |
+| 본문 글자 | `#1C1B19` |
+| 보조 글자 (메타·주석) | `#6B6862` |
+| 선·테두리 | `#E4E2DD` |
+| 강조 (제목 앞 막대, 링크) | `#2383E2` |
+| 표 짝수행·코드 배경 | `#FAFAF8` |
+| 표 머리행 배경 | `#1C1B19` (글자는 흰색) |
+
+**색은 이 여섯 개가 전부입니다.** 경고나 상태 표시가 꼭 필요하면 `#C0392B`(위험),
+`#0F7B6C`(완료) 두 개만 더 씁니다.
+
+### 글자
+
+- 한글 본문은 산세리프: `맑은 고딕` → `Apple SD Gothic Neo` → 시스템 기본 순서로 대체
+- 코드·경로·ID 는 고정폭
+- 크기 위계는 **네 단계만**: 제목 / 절 제목 / 소제목 / 본문
+- 본문 줄간격은 1.5~1.65. 빽빽하게 붙이지 않습니다
+
+### 표
+
+- 머리행은 먹 배경에 흰 글자, 굵게
+- 짝수 데이터행에 `#FAFAF8` 음영 (얼룩무늬)
+- 테두리는 가로선 위주로 얇게. 격자를 꽉 채우지 않습니다
+- 셀 안쪽 여백을 넉넉히 (상하 6pt 이상)
+- 머리행은 페이지·슬라이드가 넘어가도 반복
+
+### 여백
+
+- 바깥 여백을 넉넉히 둡니다. 가장자리까지 채우지 않습니다
+- 절과 절 사이는 본문 간격의 두 배 이상
+
+### 하지 말 것
+
+- 무지개색·그라디언트·네온
+- 그림자, 3D, 워드아트, 반사 효과
+- 장식용 아이콘·클립아트·이모지
+- 본문 기울임체 (한글에서 읽기 나쁩니다)
+- 가운데 정렬 본문 (제목만 필요하면 씁니다)
+- 원본에 없는 내용을 지어내기

package/skills/project-init/templates/script/csv.md

@@ -0,0 +1,49 @@
+# 산출물 생성 지시 — CSV
+
+`__PROJECT__` 프로젝트의 문서 **`__DOC_TITLE__`** 을 CSV 로 만들어 주세요.
+
+## 원본
+
+`__DOC_FILE__` — **이 파일을 먼저 읽고**, 그 내용만으로 만듭니다.
+읽을 수 없으면 만들지 말고 파일을 달라고 요청하세요.
+
+## 결과물
+
+파일 여러 개로 나눕니다.
+
+| 파일 | 내용 |
+| --- | --- |
+| `__DOC_STEM___개요.csv` | 본문 전체를 구조화한 것 |
+| `__DOC_STEM___표1.csv`, `표2.csv` … | 원본의 표를 순서대로 하나씩 |
+
+## 인코딩 — 이것만은 반드시
+
+**UTF-8 with BOM(`utf-8-sig`) 으로 저장합니다.** BOM 이 없으면 엑셀에서 열 때
+한글이 깨집니다. 이 한 가지가 CSV 산출물에서 가장 자주 나는 사고입니다.
+
+줄바꿈은 `\r\n`, 값에 쉼표·따옴표·줄바꿈이 있으면 큰따옴표로 감싸고 내부
+따옴표는 두 번 씁니다 (표준 CSV 규칙).
+
+## 개요 CSV 형식
+
+머리행은 `구분,섹션,하위,내용` 네 칸 고정입니다.
+
+| 구분 | 언제 |
+| --- | --- |
+| `본문` | 문단·인용 |
+| `목록` | 불릿 항목 하나당 한 줄 |
+| `코드` | 코드 블록. 줄바꿈은 ` ⏎ ` 로 바꿔 한 줄에 |
+
+`섹션` 은 가장 가까운 `##`, `하위` 는 가장 가까운 `###`/`####` 입니다.
+
+## 표 CSV 형식
+
+- 원본 표의 **머리행과 행 순서를 그대로** 옮깁니다
+- 칸 수가 행마다 다르면 가장 넓은 행에 맞춰 빈 칸으로 채웁니다
+- 마크다운 기호(`**`, 백틱, `[[링크]]`)는 벗겨내고 글자만 남깁니다
+
+## 지켜야 할 것
+
+- 값을 정렬하거나 합치지 마세요. 원본 순서가 곧 의미입니다.
+- 원본의 `TODO(...)` 는 그대로 남깁니다.
+- 다 만든 뒤, 만든 파일 목록과 각 파일의 행 수를 알려주세요.

package/skills/project-init/templates/script/docx.md

@@ -0,0 +1,35 @@
+# 산출물 생성 지시 — 워드 (DOCX)
+
+`__PROJECT__` 프로젝트의 문서 **`__DOC_TITLE__`** 을 워드 산출물로 만들어 주세요.
+
+## 원본
+
+`__DOC_FILE__` — **이 파일을 먼저 읽고**, 그 내용만으로 만듭니다.
+읽을 수 없으면 만들지 말고 파일을 달라고 요청하세요.
+
+## 결과물
+
+- 파일명: `__DOC_STEM__.docx`
+- A4 세로, 위아래 여백 2.2cm, 좌우 2.4cm
+
+__STYLE__
+
+## 워드 고유 규칙
+
+1. 본문 기본 10pt, 줄간격 1.5, 문단 뒤 간격 6pt.
+2. 제목 22pt 굵게 → 바로 아래 메타 한 줄 9pt 보조색 → 빈 줄.
+3. `##` 15pt 굵게(앞 간격 16pt), `###` 12pt 굵게, `####` 10.5pt 보조색.
+4. **머리글 스타일(Heading 1/2/3)을 실제로 적용**해서 목차와 탐색 창이 동작하게
+   합니다. 글자 크기만 키우지 마세요.
+5. 목록은 워드 글머리 기호 스타일을 씁니다.
+6. 표는 `Table Grid` 기반에 공통 규격의 음영을 입힙니다. 표 뒤에 빈 문단 하나.
+7. 인용(`>`)은 왼쪽 들여쓰기 0.6cm + 보조 글자색.
+8. 한글 서체를 **동아시아 글꼴 속성에도 함께 지정**합니다. 이걸 빠뜨리면 한글만
+   다른 서체로 보입니다.
+
+## 지켜야 할 것
+
+- **원본의 문장을 바꾸지 마세요.** 서식만 입힙니다.
+- 원본의 `TODO(...)` 는 그대로 남깁니다.
+- 표지·목차 페이지를 임의로 추가하지 마세요. 필요하면 따로 요청합니다.
+- 다 만든 뒤, 적용한 머리글 수준별 개수를 알려주세요.

package/skills/project-init/templates/script/excel.md

@@ -0,0 +1,38 @@
+# 산출물 생성 지시 — 엑셀 (XLSX)
+
+`__PROJECT__` 프로젝트의 문서 **`__DOC_TITLE__`** 을 엑셀 산출물로 만들어 주세요.
+
+## 원본
+
+`__DOC_FILE__` — **이 파일을 먼저 읽고**, 그 내용만으로 만듭니다.
+읽을 수 없으면 만들지 말고 파일을 달라고 요청하세요.
+
+## 결과물
+
+- 파일명: `__DOC_STEM__.xlsx`
+
+__STYLE__
+
+## 시트 구성 규칙
+
+1. **첫 시트 `문서`** — 본문이 위에서 아래로 흐릅니다.
+   - A열은 폭 3(여백용), B열은 폭 110에 내용을 담고 자동 줄바꿈
+   - 제목 20pt 굵게 → 메타 한 줄 9pt 보조색 → 빈 줄 → 본문
+   - `##` 14pt 굵게, `###` 12pt 굵게, `####` 11pt 보조색
+   - 목록은 `•` 를 붙이고 한 칸 들여쓰기
+2. **표는 각각 별도 시트** (`표1`, `표2`, …) 로 뺍니다.
+   `문서` 시트의 그 자리에는 `→ 표1 시트 참조` 라고 강조색으로 적습니다.
+3. 표 시트마다:
+   - 엑셀 **표 기능(Ctrl+T)** 을 적용해 정렬·필터가 켜지게 합니다
+   - 머리행 고정(틀 고정 A2)
+   - 열 너비는 내용에 맞춰 12~52 사이로
+   - 얼룩무늬 켜기
+4. **모든 시트에서 눈금선을 끕니다.**
+5. 수식을 넣지 않습니다. 값만 씁니다.
+
+## 지켜야 할 것
+
+- **표의 행 순서·칸 수·값을 바꾸지 마세요.** 정렬하거나 합치지 마세요.
+- 빈 칸을 임의로 채우지 마세요. 원본이 비어 있으면 비워 둡니다.
+- 원본의 `TODO(...)` 는 그대로 남깁니다.
+- 다 만든 뒤, 시트 수와 각 표의 행 수를 알려주세요.

package/skills/project-init/templates/script/pdf.md

@@ -0,0 +1,35 @@
+# 산출물 생성 지시 — PDF
+
+`__PROJECT__` 프로젝트의 문서 **`__DOC_TITLE__`** 을 PDF 산출물로 만들어 주세요.
+
+## 원본
+
+`__DOC_FILE__` — **이 파일을 먼저 읽고**, 그 내용만으로 만듭니다.
+읽을 수 없으면 만들지 말고 파일을 달라고 요청하세요.
+
+## 결과물
+
+- 파일명: `__DOC_STEM__.pdf`
+- 용지 A4 세로, 바깥 여백 20mm
+
+__STYLE__
+
+## PDF 고유 규칙
+
+1. **표지 없이 본문부터** 시작합니다. 첫 줄이 문서 제목입니다.
+2. 제목 바로 아래 한 줄로 메타를 넣습니다 — `문서ID · 상태 · 담당 · 수정일`,
+   보조 글자색 9pt.
+3. 모든 쪽 상단에 머리말: 왼쪽에 문서 제목, 오른쪽에 문서 ID, 그 아래 얇은 구분선.
+4. 모든 쪽 하단 가운데에 쪽번호.
+5. 절 제목(`##`)은 앞에 새 쪽을 강제하지 않습니다. 다만 **제목만 남고 내용이 다음
+   쪽으로 넘어가는 일은 없게** 합니다.
+6. 인용(`>`)은 왼쪽에 강조색 세로 막대를 두고 보조 글자색으로 씁니다.
+7. 코드 블록은 `#FAFAF8` 배경에 고정폭, 줄바꿈하지 말고 넘치면 줄여 씁니다.
+8. 표가 한 쪽에 안 들어가면 머리행을 반복하며 나눕니다.
+
+## 지켜야 할 것
+
+- **원본의 문장을 바꾸지 마세요.** 서식만 입힙니다. 요약·윤색·보완 금지.
+- 원본에 `TODO(...)` 가 있으면 **그대로 남깁니다.** 채우지 마세요.
+- 표의 행 순서와 칸 수를 바꾸지 마세요.
+- 다 만든 뒤, 원본의 절 제목이 모두 들어갔는지 세어서 알려주세요.

package/skills/project-init/templates/script/pptx.md

@@ -0,0 +1,37 @@
+# 산출물 생성 지시 — 발표자료 (PPTX)
+
+`__PROJECT__` 프로젝트의 문서 **`__DOC_TITLE__`** 을 발표자료로 만들어 주세요.
+
+## 원본
+
+`__DOC_FILE__` — **이 파일을 먼저 읽고**, 그 내용만으로 만듭니다.
+읽을 수 없으면 만들지 말고 파일을 달라고 요청하세요.
+
+## 결과물
+
+- 파일명: `__DOC_STEM__.pptx`
+- 16:9 (13.333 × 7.5 inch)
+
+__STYLE__
+
+## 슬라이드 구성 규칙
+
+1. **1장: 표지** — 왼쪽 끝에 강조색 세로 막대(폭 0.18in, 높이 전체).
+   제목은 40pt 굵게, 그 아래 `문서ID · 단계 · 담당 · 수정일` 13pt 보조색,
+   그 아래 문서 요약 15pt.
+2. **2장부터: 원본의 `##` 하나가 슬라이드 하나.** 제목을 임의로 합치거나 쪼개지
+   마세요.
+3. 각 슬라이드 제목은 24pt 굵게, 제목 왼쪽에 강조색 짧은 막대.
+4. 한 슬라이드에 **불릿 7개, 표 14행을 넘기지 않습니다.** 넘치면
+   `(이어서)` 제목으로 다음 슬라이드에 잇습니다.
+5. 본문은 12pt. **문장을 통째로 넣지 말고 구(句) 단위로 끊습니다.**
+   단, 원본에 없는 말을 만들지는 마세요 — 자르기만 합니다.
+6. 표는 공통 규격의 표 스타일 그대로. 머리행 먹 배경 흰 글자.
+7. 애니메이션·화면전환 효과는 넣지 않습니다.
+
+## 지켜야 할 것
+
+- **원본에 없는 내용을 만들지 마세요.** 특히 숫자·일정·담당자.
+- 원본의 `TODO(...)` 는 그대로 남깁니다. 발표자료라고 숨기지 마세요.
+- 마지막에 "감사합니다" 같은 빈 슬라이드를 붙이지 마세요.
+- 다 만든 뒤, 슬라이드 수와 원본 `##` 개수가 맞는지 알려주세요.