Pele 장표 갤러리

흐름과 구조

누가 무엇을 어떤 순서로 하는가. 마더십 볼트 Mermaid의 77%가 flowchart와 graph다.

CMDS Process

flowchart

렌더 대기

Connect, Merge, Develop, Share 네 단계와 위키 가치 판단. 굵은 이름은 Mermaid 마크다운 문자열, 점선은 해석 관계.

flowchart LR
  I["`**00. Inbox**
수집·미분류`"] --> C["`**Connect**
100 Themes`"]
  C --> M["`**Merge**
200 Literature`"]
  M --> D["`**Develop**
300 ~ 600`"]
  D --> S["`**Share**
700 ~ 800`"]
  S --> W{"위키 가치?"}
  W -->|"예"| K["LLM Wiki 컴파일"]
  W -->|"아니오"| A["마더십에 보존"]
  K -.->|"wikiVaultRelated"| M
  subgraph OPS["900 Divisions · 운영 커맨드"]
    direction TB
    ST["/status"] --> IN["/inbox 라우팅"]
  end
  IN -.-> I

flowchart LR
%% @key: M
%% @interp: X
%% @aux: R
  R["`**원문 자료**
논문, 전사, 웹 클립`"] --> M["`**Merge**
N개 소스 → 1 노트`"]
  M --> L["200 Literature 노트"]
  M -.->|"해석"| X["CMDSPACE의 읽기"]
  X -.-> L

flowchart TB
  subgraph P["그림"]
    direction LR
    G["새 그림"] --> E["공유 Eagle"]
    E --> A["영상용 사본"]
  end
  subgraph V["소리"]
    direction LR
    S["대본"] --> N["음성 1회"]
    N --> C["숨에서 컷"]
  end
  subgraph O["영상"]
    direction LR
    R["가로 + 세로 렌더"] --> Q["검증"]
    Q --> K["업로드 키트"]
  end
  A --> R
  C --> R
  E -.-> S

flowchart LR
%% @key: C
  A["<code>pele-check</code><br>린트 <kbd>⌘</kbd><kbd>K</kbd>"] --> B["API가 #lt;Note#gt; 목록 반환"]
  B --> C["`**발행본**
Pele 1.9.0`"]
  B --> D["볼트 미리보기<br>Obsidian 1.15"]

CMDS Process

flowchart

Mermaid 소스 · 기본

flowchart LR
  I["`**00. Inbox**
수집·미분류`"] --> C["`**Connect**
100 Themes`"]
  C --> M["`**Merge**
200 Literature`"]
  M --> D["`**Develop**
300 ~ 600`"]
  D --> S["`**Share**
700 ~ 800`"]
  S --> W{"위키 가치?"}
  W -->|"예"| K["LLM Wiki 컴파일"]
  W -->|"아니오"| A["마더십에 보존"]
  K -.->|"wikiVaultRelated"| M
  subgraph OPS["900 Divisions · 운영 커맨드"]
    direction TB
    ST["/status"] --> IN["/inbox 라우팅"]
  end
  IN -.-> I

쓸 때: 단계와 분기, 되돌아가는 고리가 있는 과정. 개념 사이의 인과나 의존을 화살표 하나씩 설명할 때.
피할 때: 주체가 셋 이상이고 넘김이 핵심이면 swimlane, 시간 순서의 메시지면 sequence.
한도: 브리프 9노드, 덱 7노드, 보고서 15노드 이하. 라벨은 이름 한 줄과 역할 한 줄.

작성 팁

LR로 쓰면 좁은 폭(640px 아래)에서 Pele가 TB로 바꾼다. 방향을 고정하려면 지면이 autoDirection:false를 준다(print, slide 프로필).

Pele 1.9.0에서 알려진 점

서로 연결되지 않은 subgraph 둘은 LR이어도 세로로 쌓인다. 나란히 비교하려면 도식을 둘로 나눈다.

브리프 적합덱 적합보고서 적합블로그·웹 적합Obsidian 미리보기 됨

자료CLAUDE.md의 CMDS Process 정의

장표 고르기에서 이 타입 보기

브리프 제작 레인

swimlane-betabeta

렌더 대기

cmds-brief 스킬의 G0~G6 관문을 수행 주체(구요한, Claude, 스크립트, 검증 에이전트)별 레인으로.

swimlane-beta LR
  subgraph yohan["구요한"]
    ask["브리프 요청 (G0)"]
    approve["결재 (G6)"]
  end
  subgraph claude["Claude"]
    master["마스터 노트 작성"]
    route["지면 판정 (V1~V4)"]
    fix["내용 줄이기"]
  end
  subgraph scripts["스크립트"]
    check["brief_check (G1)"]
    build["build_brief"]
    render["render_brief (G4)"]
  end
  subgraph verifier["검증 에이전트"]
    verify["원문 충실도 (G2·G3)"]
  end
  ask --> master --> route --> check --> verify --> build --> render
  render -->|"FAIL"| fix --> build
  render -->|"PASS"| approve

브리프 제작 레인

swimlane-beta

Mermaid 소스

swimlane-beta LR
  subgraph yohan["구요한"]
    ask["브리프 요청 (G0)"]
    approve["결재 (G6)"]
  end
  subgraph claude["Claude"]
    master["마스터 노트 작성"]
    route["지면 판정 (V1~V4)"]
    fix["내용 줄이기"]
  end
  subgraph scripts["스크립트"]
    check["brief_check (G1)"]
    build["build_brief"]
    render["render_brief (G4)"]
  end
  subgraph verifier["검증 에이전트"]
    verify["원문 충실도 (G2·G3)"]
  end
  ask --> master --> route --> check --> verify --> build --> render
  render -->|"FAIL"| fix --> build
  render -->|"PASS"| approve

쓸 때: 여러 주체가 한 과정을 나눠 맡을 때. 누가 어디서 넘기는지가 핵심일 때.
피할 때: 주체가 하나면 flowchart.
한도: 레인 4개, 노드 12개 이하.

작성 팁

subgraph 하나가 레인 하나다. 레인 이름은 사람이나 역할.

Pele 1.9.0에서 알려진 점

328px로 줄여도 약 580px로 남는다. 블로그에서는 가로 스크롤을 감수하거나 레인을 줄인다.

브리프 조건부덱 적합보고서 적합블로그·웹 조건부Obsidian 1.15.0+ 미리보기 됨

자료cmds-brief SKILL.md 작업 순서

장표 고르기에서 이 타입 보기

데일리 노트 상태

stateDiagram-v2

렌더 대기

dailyStatus가 pending, filled, final로 바뀌는 하루 3단계와 멱등성 규칙.

stateDiagram-v2
  direction LR
  [*] --> pending : 새벽 skeleton (04시 53분)
  pending --> filled : 저녁 draft (21시 23분)
  filled --> filled : 사람 영역 편집
  filled --> final : 다음날 새벽 finalize
  final --> [*]
  note right of filled
    섹션 단위 패치만
    템플릿 재삽입 금지
  end note

stateDiagram-v2
  direction LR
  [*] --> 비공개
  비공개 --> 공유됨 : Share
  state 공유됨 {
    [*] --> 게시
    게시 --> 갱신 : 다시 Share, 링크 유지
    갱신 --> 게시
  }
  공유됨 --> 내려감 : 공유 속성 해제
  내려감 --> 공유됨 : 다시 체크
  내려감 --> [*]

데일리 노트 상태

stateDiagram-v2

Mermaid 소스 · 기본

stateDiagram-v2
  direction LR
  [*] --> pending : 새벽 skeleton (04시 53분)
  pending --> filled : 저녁 draft (21시 23분)
  filled --> filled : 사람 영역 편집
  filled --> final : 다음날 새벽 finalize
  final --> [*]
  note right of filled
    섹션 단위 패치만
    템플릿 재삽입 금지
  end note

쓸 때: 대상이 거치는 상태와 전이 조건. 문서나 작업의 생애주기.
피할 때: 상태가 아니라 행동의 순서면 flowchart.
한도: 상태 8개 이하.

작성 팁

direction LR을 주면 가로로 흐른다. note right of 로 규칙을 붙인다.

브리프 조건부덱 적합보고서 적합블로그·웹 조건부Obsidian 미리보기 됨

자료CLAUDE.md § /daily

장표 고르기에서 이 타입 보기

브리프 빌드 시퀀스

sequenceDiagram

렌더 대기

구요한, Claude, 빌더, Pele, 렌더 검사기 사이의 메시지. autonumber, activate, alt 분기.

sequenceDiagram
  autonumber
  actor Y as 구요한
  participant C as Claude
  participant B as build_brief.py
  participant P as Pele 1.8.0
  participant R as render_brief.py
  Y->>C: 브리프 요청 (CB-NNN)
  Note over C: 마스터 노트와 지면 판정
  C->>B: build (briefLayout + Alt)
  activate B
  B->>P: mount(host, mermaid, zoom:false)
  P-->>B: SVG (--pele-* 변수)
  deactivate B
  C->>R: G4 지면 검사
  alt A4 1쪽, 넘침 0
    R-->>C: PASS (PDF, PNG)
  else 넘침
    R-->>C: FAIL, 내용을 줄인다
  end
  C-->>Y: 산출물과 남은 결재
  Note over Y,R: 한 장, 하나의 질문

sequenceDiagram
  actor Y as 구요한
  participant C as Claude
  Y->>C: 브리프 요청
  C->>C: 마스터 노트와 지면을 판정하고 필요한 자료를 다시 읽는다
  C-->>Y: 초안과 남은 결재

sequenceDiagram
  participant J as daily-note 잡
  participant V as 볼트
  actor Y as 구요한
  loop 매일 21시 23분
    J->>V: 에이전트 섹션 채우기
    opt 사람 한 줄이 있으면
      V-->>J: 사람 영역은 그대로 둔다
    end
  end
  Y->>V: 사람 한 줄, To Do
  J->>V: 다음날 04시 53분 확정

브리프 빌드 시퀀스

sequenceDiagram

Mermaid 소스 · 기본

sequenceDiagram
  autonumber
  actor Y as 구요한
  participant C as Claude
  participant B as build_brief.py
  participant P as Pele 1.8.0
  participant R as render_brief.py
  Y->>C: 브리프 요청 (CB-NNN)
  Note over C: 마스터 노트와 지면 판정
  C->>B: build (briefLayout + Alt)
  activate B
  B->>P: mount(host, mermaid, zoom:false)
  P-->>B: SVG (--pele-* 변수)
  deactivate B
  C->>R: G4 지면 검사
  alt A4 1쪽, 넘침 0
    R-->>C: PASS (PDF, PNG)
  else 넘침
    R-->>C: FAIL, 내용을 줄인다
  end
  C-->>Y: 산출물과 남은 결재
  Note over Y,R: 한 장, 하나의 질문

쓸 때: 참가자 사이에 오가는 요청과 응답의 순서. 분기(alt)나 반복(loop)이 있는 상호작용.
피할 때: 참가자가 6명을 넘거나 메시지가 15개를 넘으면 쪼갠다.
한도: 참가자 5명, 메시지 12개 이하.

작성 팁

autonumber로 번호를 붙인다. 한 참여자 안의 판단은 자기 호출(A->>A)로 쓴다. 설명이 두 줄을 넘으면 Note over A가 더 읽기 쉽다.

브리프 조건부덱 적합보고서 적합블로그·웹 조건부Obsidian 미리보기 됨

관찰Pele 1.6.0에서는 좁은 폭에서 자기 호출(C->>C) 라벨이 접히면 다음 메시지와 겹쳐서 Note로 썼다. 1.8.0에서 고쳐졌다(변형 '자기 호출').

자료cmds-brief 스크립트 4종

장표 고르기에서 이 타입 보기

V1 Journal 지면 구조

block-betabeta

렌더 대기

A4 한 장의 격자. 3열 기준으로 러닝 헤드, 제목과 메타, Abstract, Figure, 2단 본문과 해석 박스, 각주.

block-beta
  columns 3
  run["러닝 헤드 · CMDSPACE BRIEF · CB-000"]:3
  title["제목 · 부제 · 덱 (1fr)"]:2
  info["메타 (50mm)"]
  abs["Abstract + 용어"]:3
  fig["Figure · Pele SVG (92% 폭)"]:3
  col1["본문 1단"]
  col2["본문 2단"]
  side["해석 박스 (I 등급)"]
  foot["References · 등급 범례 · 워드마크"]:3

block-beta
  columns 3
  head["상단 바 · 제목 · 테마"]:3
  block:BODY:2
    columns 1
    note["본문 (노트 HTML)"]
    fig["도식 · Pele SVG"]
  end
  side["목차 · 그래프"]
  foot["하단 · 공유 정보"]:3

V1 Journal 지면 구조

block-beta

Mermaid 소스 · 기본

block-beta
  columns 3
  run["러닝 헤드 · CMDSPACE BRIEF · CB-000"]:3
  title["제목 · 부제 · 덱 (1fr)"]:2
  info["메타 (50mm)"]
  abs["Abstract + 용어"]:3
  fig["Figure · Pele SVG (92% 폭)"]:3
  col1["본문 1단"]
  col2["본문 2단"]
  side["해석 박스 (I 등급)"]
  foot["References · 등급 범례 · 워드마크"]:3

쓸 때: 지면이나 화면, 시스템을 격자로 나눈 구조. 칸의 상대 크기가 의미일 때.
피할 때: 흐름이 핵심이면 flowchart.
한도: 열 4개, 블록 12개 이하.

작성 팁

columns N과 id:span으로 폭을 정한다.

브리프 적합덱 조건부보고서 조건부블로그·웹 조건부Obsidian 미리보기 됨

자료brief.css의 .v1 레이아웃

장표 고르기에서 이 타입 보기

9Yohan 작업 흐름

agentflow-betabeta

렌더 대기

prime이 결재 범위를 정하고 kepler.map, goethe.sense가 일한 뒤 생성자와 다른 검증자가 판정. connector는 claude -p.

agentflow-beta TB
  connector claude["Claude Code"]
  claude@{ protocol: "cli", endpoint: "claude -p --agent <handle>" }

  flow prime["prime · 결재 범위 명시"]
    ask["구요한 요청"]@{ shape: input }
    plan["작업 패킷 분해"]@{ shape: task }
    ask --> plan
  end

  flow kepler["kepler.map · 901 연구"]
    search["볼트·위키 검색"]@{ shape: tool, connectorRef: "claude.run", returns: "Evidence" }
    rules["CLAUDE.md · DESIGN.md"]@{ shape: refdoc }
    search -.- rules
  end

  flow goethe["goethe.sense · 902 글"]
    draft["초안 합성"]@{ shape: tool, connectorRef: "claude.run", returns: "Draft" }
  end

  flow verify["생성자 ≠ 검증자"]
    judge["검증·결재"]@{ shape: action }
  end

  plan --> search
  search --> draft
  draft --> judge

9Yohan 작업 흐름

agentflow-beta

Mermaid 소스

agentflow-beta TB
  connector claude["Claude Code"]
  claude@{ protocol: "cli", endpoint: "claude -p --agent <handle>" }

  flow prime["prime · 결재 범위 명시"]
    ask["구요한 요청"]@{ shape: input }
    plan["작업 패킷 분해"]@{ shape: task }
    ask --> plan
  end

  flow kepler["kepler.map · 901 연구"]
    search["볼트·위키 검색"]@{ shape: tool, connectorRef: "claude.run", returns: "Evidence" }
    rules["CLAUDE.md · DESIGN.md"]@{ shape: refdoc }
    search -.- rules
  end

  flow goethe["goethe.sense · 902 글"]
    draft["초안 합성"]@{ shape: tool, connectorRef: "claude.run", returns: "Draft" }
  end

  flow verify["생성자 ≠ 검증자"]
    judge["검증·결재"]@{ shape: action }
  end

  plan --> search
  search --> draft
  draft --> judge

쓸 때: AI 에이전트들이 일을 나눠 맡고 도구를 호출하는 구조. 9Yohan, 리그, 하네스 설명.
피할 때: 도구 호출이 없는 일반 업무 흐름이면 swimlane.
한도: flow 4개, 노드 10개 이하.

작성 팁

노드 모양은 @{ shape: input | task | tool | action | refdoc }로 정한다.

Pele 1.9.0에서 알려진 점

connector는 노드와 선으로 잇지 않고 따로 그린다. Pele 공식 예제도 같다.

브리프 조건부덱 적합보고서 적합블로그·웹 조건부Obsidian 1.15.0+ 미리보기 됨

관찰connector는 노드와 선으로 잇지 않고 따로 그린다. Pele 공식 예제도 같다.

자료9Yohan 헤드리스 실행 규약

장표 고르기에서 이 타입 보기

시간

언제 일어났고 어디까지 왔는가.

Pele 도입 연표

timeline

렌더 대기

저장소 생성(10-05)부터 이 갤러리(10-20)까지 실제 날짜.

timeline
  title Pele, CMDS에 들어오기까지
  section Pele 측
    2026-10-05 : obsidianmd/pele 저장소 생성
    2026-10-17 : v1.6.0 공개 (Mermaid 12.1.0 33종)
    2026-10-20 : v1.8.0 공개 (선 교차 감소, timeline·sequence 수정)
    2026-10-22 : v1.9.0 공개 (라벨 태그, class 줄바꿈, sankey 한글)
  section CMDS 측
    2026-10-18 : LLM Wiki ingest (commit 458322a) : 전 시스템 도입 기획서 초안
    2026-10-19 : cmds-brief 스킬 첫 사용 : CB-000 도식을 Pele로 렌더
    2026-10-20 : 33종 렌더 실측 : 이 갤러리
    2026-10-22 : 1.8.0 반영 : CMDS Share 공유 페이지도 Pele로
    2026-10-23 : 1.9.0 반영 : 볼트 미리보기 33종(Obsidian 1.15)

timeline TD
  title Pele, CMDS에 들어오기까지
  section Pele 측
    2026-10-05 : obsidianmd/pele 저장소 생성
    2026-10-17 : v1.6.0 공개 (Mermaid 12.1.0 33종)
    2026-10-20 : v1.8.0 공개 (선 교차 감소, timeline·sequence 수정)
  section CMDS 측
    2026-10-18 : LLM Wiki ingest (commit 458322a) : 전 시스템 도입 기획서 초안
    2026-10-19 : cmds-brief 스킬 첫 사용 : CB-000 도식을 Pele로 렌더
    2026-10-20 : 33종 렌더 실측 : 이 갤러리
    2026-10-22 : 1.8.0 반영 : CMDS Share 공유 페이지도 Pele로

Pele 도입 연표

timeline

Mermaid 소스 · 기본

timeline
  title Pele, CMDS에 들어오기까지
  section Pele 측
    2026-10-05 : obsidianmd/pele 저장소 생성
    2026-10-17 : v1.6.0 공개 (Mermaid 12.1.0 33종)
    2026-10-20 : v1.8.0 공개 (선 교차 감소, timeline·sequence 수정)
    2026-10-22 : v1.9.0 공개 (라벨 태그, class 줄바꿈, sankey 한글)
  section CMDS 측
    2026-10-18 : LLM Wiki ingest (commit 458322a) : 전 시스템 도입 기획서 초안
    2026-10-19 : cmds-brief 스킬 첫 사용 : CB-000 도식을 Pele로 렌더
    2026-10-20 : 33종 렌더 실측 : 이 갤러리
    2026-10-22 : 1.8.0 반영 : CMDS Share 공유 페이지도 Pele로
    2026-10-23 : 1.9.0 반영 : 볼트 미리보기 33종(Obsidian 1.15)

쓸 때: 날짜가 있는 사건을 시대나 단계로 묶어 보일 때.
피할 때: 기간의 길이가 중요하면 gantt.
한도: 섹션 3개, 시점 8개 이하.

작성 팁

시점 하나에 사건 여러 개는 : 로 잇는다.

Pele 1.9.0에서 알려진 점

섹션 헤더와 날짜 상자의 글자를 배경색(--pele-bg)으로 칠한다. 시리즈 색이 배경과 대비가 나야 읽힌다.

브리프 적합덱 적합보고서 적합블로그·웹 적합Obsidian 미리보기 됨

자료Pele 저장소, LLM Wiki ingest 기록, 기획서

장표 고르기에서 이 타입 보기

Pele 도입 경과

gantt

렌더 대기

같은 사실을 간트로. done, active, milestone, crit 상태와 날짜 범위.

gantt
  title Pele 도입 경과 (실제 날짜)
  dateFormat YYYY-MM-DD
  axisFormat %m-%d
  section Pele
    저장소 생성에서 v1.6.0까지   :done, p1, 2026-10-05, 2026-10-17
    v1.7.0에서 v1.9.0까지          :done, p2, 2026-10-19, 2026-10-22
  section CMDS
    LLM Wiki ingest와 기획서       :done, c1, 2026-10-18, 1d
    cmds-brief 스킬 (Pele 도식)     :done, c2, 2026-10-19, 1d
    33종 렌더 실측 (이 갤러리)      :done, c3, 2026-10-20, 1d
    1.8.0 반영, 카드 갤러리         :done, c4, 2026-10-22, 1d
    1.9.0 반영, 볼트 색과 강조      :active, c5, 2026-10-23, 1d
    결정 요청 4건 (기획서 10절)     :milestone, crit, m1, 2026-10-20, 0d

Pele 도입 경과

gantt

Mermaid 소스

gantt
  title Pele 도입 경과 (실제 날짜)
  dateFormat YYYY-MM-DD
  axisFormat %m-%d
  section Pele
    저장소 생성에서 v1.6.0까지   :done, p1, 2026-10-05, 2026-10-17
    v1.7.0에서 v1.9.0까지          :done, p2, 2026-10-19, 2026-10-22
  section CMDS
    LLM Wiki ingest와 기획서       :done, c1, 2026-10-18, 1d
    cmds-brief 스킬 (Pele 도식)     :done, c2, 2026-10-19, 1d
    33종 렌더 실측 (이 갤러리)      :done, c3, 2026-10-20, 1d
    1.8.0 반영, 카드 갤러리         :done, c4, 2026-10-22, 1d
    1.9.0 반영, 볼트 색과 강조      :active, c5, 2026-10-23, 1d
    결정 요청 4건 (기획서 10절)     :milestone, crit, m1, 2026-10-20, 0d

쓸 때: 일정의 시작, 길이, 겹침. 마감과 이정표.
피할 때: 날짜 없이 순서만 있으면 timeline이나 flowchart.
한도: 작업 10개, 섹션 4개 이하.

작성 팁

dateFormat과 axisFormat을 명시한다. 상태는 done, active, crit, milestone.

브리프 조건부덱 조건부보고서 적합블로그·웹 조건부Obsidian 미리보기 됨

자료위 연표와 동일

장표 고르기에서 이 타입 보기

스타터킷 PR 워크플로

gitGraph

렌더 대기

cmds-llm-wiki 같은 스타터킷 레포는 PR로 병합하고 Release 태그를 단다.

---
config:
  gitGraph:
    rotateCommitLabel: false
---
gitGraph
  commit id: "v1.11.x"
  branch starter-kit
  checkout starter-kit
  commit id: "스타터킷 갱신"
  commit id: "README ko/en"
  checkout main
  commit id: "링크 핫픽스"
  merge starter-kit id: "PR 병합" tag: "v1.12.0"
  commit id: "Release ZIP"

---
config:
  gitGraph:
    rotateCommitLabel: false
---
gitGraph TB:
  commit id: "v1.11.x"
  branch starter-kit
  checkout starter-kit
  commit id: "스타터킷 갱신"
  commit id: "README ko/en"
  checkout main
  commit id: "링크 핫픽스"
  merge starter-kit id: "PR 병합" tag: "v1.12.0"
  commit id: "Release ZIP"

스타터킷 PR 워크플로

gitGraph

Mermaid 소스 · 기본

---
config:
  gitGraph:
    rotateCommitLabel: false
---
gitGraph
  commit id: "v1.11.x"
  branch starter-kit
  checkout starter-kit
  commit id: "스타터킷 갱신"
  commit id: "README ko/en"
  checkout main
  commit id: "링크 핫픽스"
  merge starter-kit id: "PR 병합" tag: "v1.12.0"
  commit id: "Release ZIP"

쓸 때: 버전, 브랜치, 병합의 흐름. 초안과 개정판의 갈래.
피할 때: 브랜치가 없으면 timeline.
한도: 브랜치 3개, 커밋 12개 이하.

작성 팁

키워드는 대소문자를 지켜 gitGraph로 쓴다(gitgraph는 Mermaid도 인식하지 못한다).
병합이 있으면 config의 gitGraph.rotateCommitLabel: false를 준다.

Pele 1.9.0에서 알려진 점

45도로 돌린 커밋 라벨이 병합 곡선을 가린다.

브리프 피함덱 적합보고서 조건부블로그·웹 적합Obsidian 미리보기 됨

관찰45도로 돌린 커밋 라벨이 병합 곡선을 가려서 rotateCommitLabel: false를 줬다.

자료스타터킷 레포 PR 규칙, 현행 v1.12.0

장표 고르기에서 이 타입 보기

브리프 읽기 여정

journey

렌더 대기

콜드 리더가 한 장을 읽는 순서. 점수는 설계 의도(가정)이며 측정값이 아니다.

journey
  title Brief 한 장을 읽는 길 (콜드 리더 시험, 설계 의도)
  section 30초
    제목과 부제로 질문 파악: 5: 독자
    Abstract의 근거 표시 확인: 4: 독자
  section 2분
    Figure의 실선과 점선 구분: 4: 독자, 편집자
    Claim Ledger 등급 대조: 3: 독자
  section 다음 행동
    참고문헌으로 원문 열기: 4: 독자
    결재 항목 확인: 3: 편집자

브리프 읽기 여정

journey

Mermaid 소스

journey
  title Brief 한 장을 읽는 길 (콜드 리더 시험, 설계 의도)
  section 30초
    제목과 부제로 질문 파악: 5: 독자
    Abstract의 근거 표시 확인: 4: 독자
  section 2분
    Figure의 실선과 점선 구분: 4: 독자, 편집자
    Claim Ledger 등급 대조: 3: 독자
  section 다음 행동
    참고문헌으로 원문 열기: 4: 독자
    결재 항목 확인: 3: 편집자

쓸 때: 단계별 경험의 좋고 나쁨을 1~5점으로 보일 때.
피할 때: 측정값이 없는데 점수를 지어내야 하면 쓰지 않는다. 설계 의도라면 캡션에 밝힌다.
한도: 섹션 4개, 단계 10개 이하.

작성 팁

점수가 가정이면 제목이나 캡션에 '가정'이라고 쓴다.

브리프 조건부덱 적합보고서 조건부블로그·웹 조건부Obsidian 미리보기 됨

자료02-검증-프로세스의 콜드 리더 시험

장표 고르기에서 이 타입 보기

브리프 발행 이벤트

eventmodeling

렌더 대기

UI, command, event, processor 타임프레임과 data 블록. 발행 필드(publishedUrl, channels)까지.

eventmodeling

timeframe 01 ui MasterNote
timeframe 02 command BuildBrief [[BuildBrief01]]
timeframe 03 event BriefBuilt [[BriefBuilt]]
timeframe 04 processor RenderCheck
timeframe 05 command Approve
timeframe 06 event BriefPublished [[BriefPublished]]

data BuildBrief01 {
  briefId: 'CB-000'
  layout: 'v1'
}

data BriefBuilt {
  pdf: string
  png: string
}

data BriefPublished {
  publishedUrl: string
  channels: string
}

브리프 발행 이벤트

eventmodeling

Mermaid 소스

eventmodeling

timeframe 01 ui MasterNote
timeframe 02 command BuildBrief [[BuildBrief01]]
timeframe 03 event BriefBuilt [[BriefBuilt]]
timeframe 04 processor RenderCheck
timeframe 05 command Approve
timeframe 06 event BriefPublished [[BriefPublished]]

data BuildBrief01 {
  briefId: 'CB-000'
  layout: 'v1'
}

data BriefBuilt {
  pdf: string
  png: string
}

data BriefPublished {
  publishedUrl: string
  channels: string
}

쓸 때: 화면, 명령, 이벤트, 처리기가 시간 순으로 상태를 바꾸는 설계.
피할 때: 설계 문서가 아니면 sequence가 더 읽기 쉽다.
한도: 타임프레임 8개 이하.

작성 팁

data 블록으로 명령과 이벤트의 필드를 적는다.

브리프 피함덱 조건부보고서 적합블로그·웹 피함Obsidian 1.15.0+ 미리보기 됨

자료03-발행-프로세스의 기록 필드

장표 고르기에서 이 타입 보기

Pele 도입 보드

kanban

렌더 대기

기획서 10절 결정 요청 4건은 대기, 이 갤러리는 진행, ingest와 스킬 적용은 완료.

kanban
  todo[결정 대기]
    d1[시리즈 팔레트 8색]@{ ticket: '10-1', priority: 'High' }
    d2[CmdMD 로딩: vendored vs CDN]@{ ticket: '10-2' }
    d3[적용 순서: CmdMD 먼저?]@{ ticket: '10-3' }
    d4[cmds-pele 공개 여부]@{ ticket: '10-4' }
  doing[진행]
    g1[33종 렌더 실측 갤러리]@{ assigned: 'Claude', priority: 'High' }
  done[완료]
    w1[LLM Wiki ingest 458322a]
    s1[cmds-brief 도식을 Pele로]
    k1[기획서 초안 1~11절]

Pele 도입 보드

kanban

Mermaid 소스

kanban
  todo[결정 대기]
    d1[시리즈 팔레트 8색]@{ ticket: '10-1', priority: 'High' }
    d2[CmdMD 로딩: vendored vs CDN]@{ ticket: '10-2' }
    d3[적용 순서: CmdMD 먼저?]@{ ticket: '10-3' }
    d4[cmds-pele 공개 여부]@{ ticket: '10-4' }
  doing[진행]
    g1[33종 렌더 실측 갤러리]@{ assigned: 'Claude', priority: 'High' }
  done[완료]
    w1[LLM Wiki ingest 458322a]
    s1[cmds-brief 도식을 Pele로]
    k1[기획서 초안 1~11절]

쓸 때: 결정 대기, 진행, 완료처럼 상태별 작업 목록.
피할 때: 날짜가 핵심이면 gantt.
한도: 열 4개, 카드 12개 이하.

작성 팁

카드 메타는 @{ ticket, assigned, priority }.

Pele 1.9.0에서 알려진 점

자연 폭(약 640px)보다 좁으면 세 열을 2+1로 접는다.

브리프 피함덱 적합보고서 조건부블로그·웹 조건부Obsidian 미리보기 됨

관찰폭이 자연 폭(640px)보다 좁으면 세 열을 2+1로 접는다.

자료기획서 §8, §10

장표 고르기에서 이 타입 보기

수치와 비교

얼마나, 어느 쪽이 큰가. 시리즈 색은 --pele-series-1~8에서 온다.

시리즈 팔레트 (cmds-pele 정본) 12345678

볼트 Mermaid 타입 비율

pie

렌더 대기

마더십 .md 전체에서 뽑은 662개 블록의 첫 키워드 분포. flowchart와 graph가 82%.

pie showData
  title 마더십 볼트 Mermaid 662블록의 타입
  "flowchart·graph" : 545
  "sequenceDiagram" : 30
  "mindmap" : 29
  "gantt" : 13
  "기타 14종" : 45

볼트 Mermaid 타입 비율

pie

Mermaid 소스

pie showData
  title 마더십 볼트 Mermaid 662블록의 타입
  "flowchart·graph" : 545
  "sequenceDiagram" : 30
  "mindmap" : 29
  "gantt" : 13
  "기타 14종" : 45

쓸 때: 전체 대비 부분의 비율이 메시지일 때.
피할 때: 조각이 7개를 넘거나 값 차이가 작으면 xychart.
한도: 조각 6개 이하, 나머지는 '기타'로 묶는다.

작성 팁

showData로 값을 함께 보인다. 수치 출처를 캡션에 적는다.

Pele 1.9.0에서 알려진 점

1% 미만 조각은 퍼센트 라벨을 생략한다.

브리프 적합덱 적합보고서 적합블로그·웹 적합Obsidian 미리보기 됨

관찰카탈로그 한도(조각 6개 이하)에 맞춰 다섯 갈래로 묶었다. 1% 미만 조각은 퍼센트 라벨이 생략된다.

자료census.py 2026-10-22 (예시 펜스 안 블록 제외)

장표 고르기에서 이 타입 보기

Mermaid 블록이 있는 폴더

xychart horizontal

렌더 대기

같은 662개 블록을 최상위 폴더로. Inbox와 Outputs에 78%.

xychart horizontal
  title "마더십 Mermaid 블록 662개가 있는 폴더"
  x-axis ["00 Inbox", "70 Outputs", "40 Docs", "30 Permanent", "50 Assets", "60 Collections", "20 Literature", "90 Settings", "10 Process"]
  y-axis "블록 수" 0 --> 350
  bar [302, 216, 54, 47, 17, 17, 4, 3, 2]

xychart
  title "바뀐 도식 61개의 선 교차, Pele 버전별"
  x-axis ["1.6.0", "1.7.0", "1.8.0"]
  y-axis "교차 수" 0 --> 500
  bar [473, 473, 357]
  line [473, 473, 357]

Mermaid 블록이 있는 폴더

xychart horizontal

Mermaid 소스 · 기본

xychart horizontal
  title "마더십 Mermaid 블록 662개가 있는 폴더"
  x-axis ["00 Inbox", "70 Outputs", "40 Docs", "30 Permanent", "50 Assets", "60 Collections", "20 Literature", "90 Settings", "10 Process"]
  y-axis "블록 수" 0 --> 350
  bar [302, 216, 54, 47, 17, 17, 4, 3, 2]

쓸 때: 범주별 크기 비교나 시간에 따른 추이.
피할 때: 축이 셋 이상인 프로필이면 radar.
한도: 범주 12개, 계열 3개 이하.

작성 팁

범주가 7개를 넘거나 이름이 길면 xychart horizontal로 쓴다.
y축 범위는 데이터 최댓값보다 조금 크게 잡고, 0부터 시작한다.

Pele 1.9.0에서 알려진 점

세로 막대에서 범주 라벨이 안 들어가면 하나 건너 하나씩 빼고, 뺐다는 표시가 없다.
좁혀도 높이가 비례해 줄지 않는다(243px 폭에서 243x300). 좁은 인쇄 칸에는 높이 한도를 따로 둔다.

브리프 적합덱 적합보고서 적합블로그·웹 적합Obsidian 미리보기 됨

관찰세로 막대에서는 범주 라벨 9개 중 5개만 남아 가로 막대(horizontal)로 바꿨다.

자료census.py 2026-10-22 (예시 펜스 안 블록 제외)

장표 고르기에서 이 타입 보기

두 볼트의 Mermaid 흐름

sankey

렌더 대기

두 볼트의 블록 789개가 타입별로 Pele 렌더를 통과했는지, 거부된 14개는 왜인지.

sankey

Mothership,flowchart graph,524
Mothership,other,30
Mothership,mindmap,27
Mothership,sequence,30
Mothership,gantt,13
LLM Wiki,flowchart graph,162
LLM Wiki,gantt,1
LLM Wiki,other,2
flowchart graph,Pele OK,676
flowchart graph,Pele error,10
sequence,Pele OK,30
mindmap,Pele OK,25
mindmap,Pele error,2
gantt,Pele OK,14
other,Pele OK,30
other,Pele error,2
Pele error,bad example on purpose,1
Pele error,author error,12
Pele error,lowercase gitgraph,1

두 볼트의 Mermaid 흐름

sankey

Mermaid 소스

sankey

Mothership,flowchart graph,524
Mothership,other,30
Mothership,mindmap,27
Mothership,sequence,30
Mothership,gantt,13
LLM Wiki,flowchart graph,162
LLM Wiki,gantt,1
LLM Wiki,other,2
flowchart graph,Pele OK,676
flowchart graph,Pele error,10
sequence,Pele OK,30
mindmap,Pele OK,25
mindmap,Pele error,2
gantt,Pele OK,14
other,Pele OK,30
other,Pele error,2
Pele error,bad example on purpose,1
Pele error,author error,12
Pele error,lowercase gitgraph,1

쓸 때: 양이 어디서 어디로 나뉘어 흐르는지. 퍼널, 예산 배분, 처리 결과의 갈래.
피할 때: 단계마다 값이 없으면 flowchart.
한도: 노드 12개 이하.

작성 팁

노드 이름은 ASCII로 쓴다. Pele 1.9.0부터 발행본은 한글 이름도 그리지만, 볼트 미리보기(Obsidian 1.15의 Pele 1.8.0)는 파싱 오류가 난다. 한글 설명은 캡션에 둔다.
노드 이름에 합계를 넣지 않는다. 값은 Pele가 이름 뒤에 붙인다.

Pele 1.9.0에서 알려진 점

값이 아주 작은 흐름은 머리카락 굵기로 그려 다크에서 잘 안 보인다.

브리프 조건부덱 적합보고서 적합블로그·웹 조건부Obsidian 미리보기 됨

관찰노드 이름은 ASCII만 된다(Mermaid sankey 문법). 노드 값은 Pele가 이름 뒤에 붙인다.

자료census.py, corpus.mjs, Mermaid 11.17.2 대조 (report/triage.json)

장표 고르기에서 이 타입 보기

지면 라우터 점수

radar-betabeta

렌더 대기

CB-000에 route_layout.py를 돌린 특징별 점수. V1이 text와 purpose에서 앞선다.

radar-beta
  title CB-000 지면 라우터 점수 (route_layout.py)
  axis aud["audience"], pur["purpose"], typ["briefType"]
  axis fig["figure"], evi["evidence"], txt["text"]
  curve v1["V1 Journal (9점)"]{1, 2, 1, 1, 1, 2}
  curve v3["V3 Margin (6점)"]{1, 2, 1, 1, 0, 1}
  curve v2["V2 Visual (3점)"]{2, 0, 1, 0, 0, 0}
  curve v4["V4 Policy (1점)"]{0, 0, 0, 1, 0, 0}
  graticule polygon
  max 2

radar-beta
  title CB-000 지면 점수, 상위 두 지면
  axis aud["audience"], pur["purpose"], typ["briefType"]
  axis fig["figure"], evi["evidence"], txt["text"]
  curve v1["V1 Journal (9점)"]{1, 2, 1, 1, 1, 2}
  curve v3["V3 Margin (6점)"]{1, 2, 1, 1, 0, 1}
  graticule polygon
  max 2

지면 라우터 점수

radar-beta

Mermaid 소스 · 기본

radar-beta
  title CB-000 지면 라우터 점수 (route_layout.py)
  axis aud["audience"], pur["purpose"], typ["briefType"]
  axis fig["figure"], evi["evidence"], txt["text"]
  curve v1["V1 Journal (9점)"]{1, 2, 1, 1, 1, 2}
  curve v3["V3 Margin (6점)"]{1, 2, 1, 1, 0, 1}
  curve v2["V2 Visual (3점)"]{2, 0, 1, 0, 0, 0}
  curve v4["V4 Policy (1점)"]{0, 0, 0, 1, 0, 0}
  graticule polygon
  max 2

쓸 때: 여러 기준으로 본 대상 몇 개의 프로필 비교.
피할 때: 기준이 둘이면 quadrant, 하나면 xychart.
한도: 축 3~8개, 곡선 4개 이하.

작성 팁

max와 min을 명시하고 graticule polygon을 쓴다.

브리프 조건부덱 적합보고서 적합블로그·웹 조건부Obsidian 미리보기 됨

자료route_layout.py 실행 결과 (V1 9, V3 6, V2 3, V4 1)

장표 고르기에서 이 타입 보기

장표 고르기

quadrantChart

렌더 대기

다이어그램 타입을 두 축(구조 대 수치, 한 시점 대 시간)에 놓은 선택 지도. 위치는 분류 판단.

quadrantChart
  title 장표 고르기: 무엇을 보여 주나
  x-axis "관계와 구조" --> "수치와 비율"
  y-axis "한 시점" --> "시간의 흐름"
  quadrant-1 "추이, xychart와 gantt"
  quadrant-2 "순서, sequence와 timeline"
  quadrant-3 "구조, flowchart와 class와 mindmap"
  quadrant-4 "비율, pie와 sankey와 treemap"
  flowchart: [0.15, 0.25]
  sequenceDiagram: [0.3, 0.7]
  timeline: [0.4, 0.85]
  gantt: [0.7, 0.8]
  xychart: [0.85, 0.65]
  pie: [0.8, 0.2]
  sankey: [0.65, 0.3]
  mindmap: [0.2, 0.1]

장표 고르기

quadrantChart

Mermaid 소스

quadrantChart
  title 장표 고르기: 무엇을 보여 주나
  x-axis "관계와 구조" --> "수치와 비율"
  y-axis "한 시점" --> "시간의 흐름"
  quadrant-1 "추이, xychart와 gantt"
  quadrant-2 "순서, sequence와 timeline"
  quadrant-3 "구조, flowchart와 class와 mindmap"
  quadrant-4 "비율, pie와 sankey와 treemap"
  flowchart: [0.15, 0.25]
  sequenceDiagram: [0.3, 0.7]
  timeline: [0.4, 0.85]
  gantt: [0.7, 0.8]
  xychart: [0.85, 0.65]
  pie: [0.8, 0.2]
  sankey: [0.65, 0.3]
  mindmap: [0.2, 0.1]

쓸 때: 두 기준으로 대상을 배치하고 사분면에 이름을 붙일 때.
피할 때: 위치가 근거 없는 인상이면 쓰지 않거나 캡션에 판단임을 밝힌다.
한도: 점 12개 이하.

작성 팁

축 라벨, 사분면 라벨, 한글 점 이름은 모두 큰따옴표로 감싼다(Obsidian 1.14 이하의 Mermaid 11.13은 따옴표 없는 한글을 거부했다. Pele에서도 따옴표가 안전하다).
title은 감싸지 않는다. Pele는 quadrant 제목의 따옴표를 그대로 그린다.
축·사분면 라벨에 괄호와 콜론을 쓰지 않는다.

Pele 1.9.0에서 알려진 점

최소 폭이 약 280px이라 그보다 좁은 칸에서는 축소해 보인다(브리프 V1에서 0.62배). 정사각형 칸(V3, V4)이 낫다.

브리프 적합덱 적합보고서 적합블로그·웹 적합Obsidian 미리보기 됨

관찰사분면과 축 라벨에 괄호나 콜론을 쓰면 문법 오류다. Mermaid도 같다.

자료이 갤러리의 분류

장표 고르기에서 이 타입 보기

볼트의 저자 조합

venn-betabeta

렌더 대기

구요한, LLM, 외부 독자 세 집합의 교집합에 어느 볼트와 공개물이 놓이는지.

venn-beta
  title 누가 쓰고 누가 읽나: 볼트의 저자 조합
  set Y["구요한"]
    text Y1["마더십 CMDSPACE_Local_MBP"]
  set L["LLM"]
  set E["외부 독자"]
  union Y,L["CMDS_LLM_Wiki"]
  union Y,E["cmds-vault 스타터킷"]
  union Y,L,E["공개 시스템 파일"]

venn-beta
  title 사람과 LLM이 함께 쓰는 곳
  set Y["구요한"]
    text Y1["마더십"]
  set L["LLM"]
  union Y,L["CMDS_LLM_Wiki"]

볼트의 저자 조합

venn-beta

Mermaid 소스 · 기본

venn-beta
  title 누가 쓰고 누가 읽나: 볼트의 저자 조합
  set Y["구요한"]
    text Y1["마더십 CMDSPACE_Local_MBP"]
  set L["LLM"]
  set E["외부 독자"]
  union Y,L["CMDS_LLM_Wiki"]
  union Y,E["cmds-vault 스타터킷"]
  union Y,L,E["공개 시스템 파일"]

쓸 때: 두세 집합의 겹침과 교집합에 무엇이 놓이는지.
피할 때: 집합이 넷 이상이면 표나 quadrant.
한도: 집합 3개 이하.

작성 팁

교집합 라벨은 짧게 쓴다.

Pele 1.9.0에서 알려진 점

가운데 영역보다 긴 라벨은 원 경계 밖으로 넘친다.

브리프 적합덱 적합보고서 조건부블로그·웹 적합Obsidian 미리보기 됨

관찰가운데 영역보다 긴 라벨은 원 경계 밖으로 넘쳐서 짧게 썼다.

자료CLAUDE.md § Companion Vaults

장표 고르기에서 이 타입 보기

볼트 폴더별 노트 수

treemap-betabeta

렌더 대기

최상위 폴더 10개의 .md 수를 네 묶음으로. Inbox가 거의 절반.

treemap-beta
"마더십 볼트 .md 12,988개 (2026-10-20 집계)"
    "수집과 처리"
        "00. Inbox": 6069
        "10. CMDS Process": 489
    "지식"
        "20. Literature Notes": 260
        "30. Permanent Notes": 267
    "업무와 자산"
        "40. Docs": 1027
        "50. Assets": 629
        "60. Collections": 1286
        "90. Settings": 326
    "산출과 참조"
        "70. Outputs": 2185
        "80. References": 450

볼트 폴더별 노트 수

treemap-beta

Mermaid 소스

treemap-beta
"마더십 볼트 .md 12,988개 (2026-10-20 집계)"
    "수집과 처리"
        "00. Inbox": 6069
        "10. CMDS Process": 489
    "지식"
        "20. Literature Notes": 260
        "30. Permanent Notes": 267
    "업무와 자산"
        "40. Docs": 1027
        "50. Assets": 629
        "60. Collections": 1286
        "90. Settings": 326
    "산출과 참조"
        "70. Outputs": 2185
        "80. References": 450

쓸 때: 계층이 있는 수량의 크기를 면적으로 비교할 때.
피할 때: 계층이 없으면 pie나 xychart.
한도: 그룹 5개, 잎 15개 이하.

작성 팁

작은 잎이 많으면 '기타'로 묶는다.

Pele 1.9.0에서 알려진 점

390px처럼 좁으면 면적이 작은 그룹이 이름과 자식 없이 빈 상자가 된다.
작은 타일 이름은 '80.…'처럼 글자 단위로 잘린다.

브리프 조건부덱 적합보고서 적합블로그·웹 조건부Obsidian 미리보기 됨

관찰390px에서 면적이 작은 "지식" 그룹이 이름과 자식 없이 빈 상자가 된다. 작은 타일 이름은 글자 단위로 잘린다.

자료find 집계 2026-10-20 (.trash 제외)

장표 고르기에서 이 타입 보기

모델과 명세

시스템과 데이터의 구조를 약속된 표기로.

CmdMD 모델

classDiagram

렌더 대기

Document, Frontmatter, Vault, RoutingRule, VaultTemplate의 관계. 합성, 집합, 의존 화살표.

classDiagram
  class MarkdownDocument {
    +URL fileURL
    +Frontmatter frontmatter
    +String body
    +fullText() String
  }
  class Frontmatter {
    +Dictionary values
    +typed(key) Value
  }
  class Vault {
    +String name
    +Data bookmark
    +obsidianURL() URL
  }
  class RoutingRule {
    +Int priority
    +Int conditionCount
    +matches(doc) Bool
  }
  class VaultTemplate {
    +String body
    +apply(doc, date) String
  }
  MarkdownDocument *-- Frontmatter
  Vault "1" o-- "*" VaultTemplate
  RoutingRule --> Vault : 보낸다
  RoutingRule ..> MarkdownDocument : 조건 평가

CmdMD 모델

classDiagram

Mermaid 소스

classDiagram
  class MarkdownDocument {
    +URL fileURL
    +Frontmatter frontmatter
    +String body
    +fullText() String
  }
  class Frontmatter {
    +Dictionary values
    +typed(key) Value
  }
  class Vault {
    +String name
    +Data bookmark
    +obsidianURL() URL
  }
  class RoutingRule {
    +Int priority
    +Int conditionCount
    +matches(doc) Bool
  }
  class VaultTemplate {
    +String body
    +apply(doc, date) String
  }
  MarkdownDocument *-- Frontmatter
  Vault "1" o-- "*" VaultTemplate
  RoutingRule --> Vault : 보낸다
  RoutingRule ..> MarkdownDocument : 조건 평가

쓸 때: 객체의 속성과 메서드, 합성과 의존 관계.
피할 때: 비개발자 독자에게는 flowchart로 단순화한다.
한도: 클래스 6개 이하.

브리프 피함덱 조건부보고서 적합블로그·웹 조건부Obsidian 미리보기 됨

자료CmdMD Sources/Models

장표 고르기에서 이 타입 보기

cmds-pele 모듈 구조

architecture-betabeta

렌더 대기

세 표면이 하나의 JS 부트스트랩을 쓰고, CSS가 DESIGN 토큰을 pele 변수로 넘긴다.

architecture-beta
  group surfaces(cloud)["Markdown 표면"]
    service cmdmd(server)["CmdMD"] in surfaces
    service web(internet)["웹 템플릿 4종"] in surfaces
    service lecture(disk)["강의 HTML"] in surfaces
  group module(server)["cmds-pele 모듈"]
    service css(disk)["pele-cmds.css"] in module
    service js(server)["pele-cmds.js"] in module
  service pele(database)["pele 1.8.0"]
  service design(disk)["DESIGN.md v4.3"]

  cmdmd:B --> T:js
  web:B --> T:js
  lecture:B --> T:js
  design:R --> L:css
  js:B --> T:pele
  css:B --> T:pele

cmds-pele 모듈 구조

architecture-beta

Mermaid 소스

architecture-beta
  group surfaces(cloud)["Markdown 표면"]
    service cmdmd(server)["CmdMD"] in surfaces
    service web(internet)["웹 템플릿 4종"] in surfaces
    service lecture(disk)["강의 HTML"] in surfaces
  group module(server)["cmds-pele 모듈"]
    service css(disk)["pele-cmds.css"] in module
    service js(server)["pele-cmds.js"] in module
  service pele(database)["pele 1.8.0"]
  service design(disk)["DESIGN.md v4.3"]

  cmdmd:B --> T:js
  web:B --> T:js
  lecture:B --> T:js
  design:R --> L:css
  js:B --> T:pele
  css:B --> T:pele

쓸 때: 서비스와 저장소, 그룹 사이의 연결 구성.
피할 때: 사람과 외부 맥락이 중요하면 C4.
한도: 서비스 10개 이하.

작성 팁

라벨은 모두 큰따옴표로 감싼다: service x(server)["이름"]. 따옴표 없는 한글, 점, 하이픈은 Obsidian 1.14 이하(Mermaid 11.13)에서 거부됐다.
선언 순서가 배치를 정한다. 선이 다른 노드를 관통하면 선언 순서를 바꾼다.

Pele 1.9.0에서 알려진 점

꺾인 선이 그룹 테두리와 겹칠 수 있다.

브리프 조건부덱 적합보고서 적합블로그·웹 조건부Obsidian 미리보기 됨

관찰선언 순서가 배치를 정한다. css를 먼저 둬서 DESIGN.md 선이 js를 가로지르지 않게 했다.

자료기획서 §4.2

장표 고르기에서 이 타입 보기

브리프 마스터 노트 모델

erDiagram

렌더 대기

브리프, Claim, Reference, Figure, Layout의 카디널리티와 키.

erDiagram
  BRIEF ||--|{ CLAIM : "Claim Ledger"
  BRIEF ||--|{ REFERENCE : "인용 번호"
  CLAIM }o--|| REFERENCE : "원문 위치"
  BRIEF ||--o{ FIGURE : "Mermaid를 Pele로"
  BRIEF }o--|| LAYOUT : "briefLayout"
  BRIEF {
    string briefId PK "CB-NNN"
    string type "research, concept, technology, practice"
    string briefGate "G0~G6"
  }
  CLAIM {
    int n PK
    string grade "A, B, C, D, I"
    string location "원문 위치"
  }
  REFERENCE {
    int n PK
    string url
  }
  LAYOUT {
    string id PK "v1~v4"
    int routerScore
  }

erDiagram
  BRIEF ||--|{ CLAIM : "Claim Ledger"
  BRIEF ||--|{ REFERENCE : "인용 번호"
  CLAIM }o--|| REFERENCE : "원문 위치"
  BRIEF ||--o{ FIGURE : "Mermaid를 Pele로"
  BRIEF }o--|| LAYOUT : "briefLayout"

브리프 마스터 노트 모델

erDiagram

Mermaid 소스 · 기본

erDiagram
  BRIEF ||--|{ CLAIM : "Claim Ledger"
  BRIEF ||--|{ REFERENCE : "인용 번호"
  CLAIM }o--|| REFERENCE : "원문 위치"
  BRIEF ||--o{ FIGURE : "Mermaid를 Pele로"
  BRIEF }o--|| LAYOUT : "briefLayout"
  BRIEF {
    string briefId PK "CB-NNN"
    string type "research, concept, technology, practice"
    string briefGate "G0~G6"
  }
  CLAIM {
    int n PK
    string grade "A, B, C, D, I"
    string location "원문 위치"
  }
  REFERENCE {
    int n PK
    string url
  }
  LAYOUT {
    string id PK "v1~v4"
    int routerScore
  }

쓸 때: 데이터 엔티티와 카디널리티, 키.
피할 때: 속성 목록이 길면 표로 대신한다.
한도: 엔티티 6개 이하.

Pele 1.9.0에서 알려진 점

한 엔티티에서 나가는 관계 마커가 아래쪽 가운데에 몰린다.
좁은 폭에서도 약 770px로 남는다.

브리프 피함덱 조건부보고서 적합블로그·웹 피함Obsidian 미리보기 됨

관찰BRIEF에서 나가는 관계 4개의 마커가 아래쪽 가운데에 몰린다.

자료cmds-brief master-format

장표 고르기에서 이 타입 보기

Pele 도입 요구사항

requirementDiagram

렌더 대기

기획서 3절 목표 세 개를 요구사항으로, 이 갤러리와 CSS가 무엇을 검증하고 만족하는지.

requirementDiagram
  direction LR
  requirement one_module {
    id: G1
    text: "모든 CMDS 표면이 같은 모듈 하나로 Mermaid를 그린다"
    risk: medium
    verifymethod: inspection
  }
  functionalRequirement tokens {
    id: G2
    text: "다이어그램 색이 DESIGN 토큰(green, pink)을 자동으로 따른다"
    risk: low
    verifymethod: test
  }
  performanceRequirement corpus {
    id: G4
    text: "볼트 Mermaid 소스가 Pele에서 그대로 통과한다 (실측 775/789)"
    risk: high
    verifymethod: analysis
  }
  element gallery {
    type: gallery
    docref: "2026-10-20 pele gallery"
  }
  element css {
    type: stylesheet
    docref: "pele-cmds.css"
  }
  one_module - contains -> tokens
  css - satisfies -> tokens
  gallery - verifies -> corpus

Pele 도입 요구사항

requirementDiagram

Mermaid 소스

requirementDiagram
  direction LR
  requirement one_module {
    id: G1
    text: "모든 CMDS 표면이 같은 모듈 하나로 Mermaid를 그린다"
    risk: medium
    verifymethod: inspection
  }
  functionalRequirement tokens {
    id: G2
    text: "다이어그램 색이 DESIGN 토큰(green, pink)을 자동으로 따른다"
    risk: low
    verifymethod: test
  }
  performanceRequirement corpus {
    id: G4
    text: "볼트 Mermaid 소스가 Pele에서 그대로 통과한다 (실측 775/789)"
    risk: high
    verifymethod: analysis
  }
  element gallery {
    type: gallery
    docref: "2026-10-20 pele gallery"
  }
  element css {
    type: stylesheet
    docref: "pele-cmds.css"
  }
  one_module - contains -> tokens
  css - satisfies -> tokens
  gallery - verifies -> corpus

쓸 때: 요구사항과 그것을 만족하거나 검증하는 요소의 추적.
피할 때: 발표용이면 표가 낫다.
한도: 요구사항 5개 이하.

작성 팁

한글 text와 docref는 큰따옴표로 감싼다.
type 값으로 test 같은 예약어를 쓰지 않는다.

Pele 1.9.0에서 알려진 점

좁은 폭에서도 약 790px로 남는다.

브리프 피함덱 피함보고서 적합블로그·웹 피함Obsidian 미리보기 됨

관찰한글 text는 큰따옴표가 필요하고, test는 예약어라 type 값으로 못 쓴다. Mermaid도 같다.

자료기획서 §3, §7

장표 고르기에서 이 타입 보기

CMDS 표면 컨텍스트

C4Context

렌더 대기

구요한이 쓰는 Obsidian, CmdMD, 웹 사이트가 외부 시스템 Pele와 맺는 관계.

C4Context
  title CMDS 마크다운 표면과 Pele
  Person(yohan, "구요한", "볼트 저자이자 운영자")
  System_Boundary(cmds, "CMDS") {
    System(obsidian, "Obsidian 볼트", "작성, mermaid.js로 미리보기")
    System(cmdmd, "CmdMD", "리뷰 우선 macOS 에디터")
    System(web, "cmdspace.work 사이트", "Vercel, 강의 HTML, 리포트")
  }
  System_Ext(pele, "Pele 1.8.0", "Mermaid를 SVG로, --pele-* 변수")
  Rel(yohan, obsidian, "노트 작성")
  Rel(obsidian, cmdmd, "같은 .md 열기")
  Rel(cmdmd, pele, "pele.mount()")
  Rel(web, pele, "CDN 또는 vendored")
  Rel(yohan, web, "배포")
  UpdateRelStyle(yohan, web, $offsetX="-60", $offsetY="-30")

CMDS 표면 컨텍스트

C4Context

Mermaid 소스

C4Context
  title CMDS 마크다운 표면과 Pele
  Person(yohan, "구요한", "볼트 저자이자 운영자")
  System_Boundary(cmds, "CMDS") {
    System(obsidian, "Obsidian 볼트", "작성, mermaid.js로 미리보기")
    System(cmdmd, "CmdMD", "리뷰 우선 macOS 에디터")
    System(web, "cmdspace.work 사이트", "Vercel, 강의 HTML, 리포트")
  }
  System_Ext(pele, "Pele 1.8.0", "Mermaid를 SVG로, --pele-* 변수")
  Rel(yohan, obsidian, "노트 작성")
  Rel(obsidian, cmdmd, "같은 .md 열기")
  Rel(cmdmd, pele, "pele.mount()")
  Rel(web, pele, "CDN 또는 vendored")
  Rel(yohan, web, "배포")
  UpdateRelStyle(yohan, web, $offsetX="-60", $offsetY="-30")

쓸 때: 사람, 내부 시스템, 외부 시스템 사이의 관계를 한 장으로.
피할 때: 구성 요소의 배치가 핵심이면 architecture.
한도: 요소 8개 이하.

작성 팁

관계 라벨이 겹치면 UpdateRelStyle(from, to, $offsetX, $offsetY)로 옮긴다.

브리프 조건부덱 조건부보고서 적합블로그·웹 조건부Obsidian 미리보기 됨

관찰"배포"와 "pele.mount()" 라벨이 붙어서 UpdateRelStyle로 "배포"를 옮겼다.

자료기획서 §5 표면 표

장표 고르기에서 이 타입 보기

CmdMD 유스케이스

usecase-betabeta

렌더 대기

미리보기, 보내기, 자동 라우팅, 퀵 캡처, Omnisearch. include 관계 두 개.

usecase-beta
direction LR
actor Yohan("구요한")
systemBoundary CmdMD
  Preview("렌더 미리보기")
  Send("볼트로 보내기")
  Route("자동 라우팅")
  Capture("퀵 캡처")
  Search("Omnisearch")
end
Yohan --> Preview
Yohan --> Send
Yohan --> Capture
Yohan --> Search
Route ..> : include Send
Capture ..> : include Route

CmdMD 유스케이스

usecase-beta

Mermaid 소스

usecase-beta
direction LR
actor Yohan("구요한")
systemBoundary CmdMD
  Preview("렌더 미리보기")
  Send("볼트로 보내기")
  Route("자동 라우팅")
  Capture("퀵 캡처")
  Search("Omnisearch")
end
Yohan --> Preview
Yohan --> Send
Yohan --> Capture
Yohan --> Search
Route ..> : include Send
Capture ..> : include Route

쓸 때: 사용자가 시스템으로 이루려는 목표와 범위.
피할 때: 기능 목록이면 표가 낫다.
한도: 액터 3명, 유스케이스 8개 이하.

작성 팁

액터 id는 ASCII로 두고 표시 이름을 괄호 안 큰따옴표로 준다: actor Yohan("구요한").

브리프 조건부덱 조건부보고서 적합블로그·웹 조건부Obsidian 1.15.0+ 미리보기 됨

자료CmdMD 단축키 표

장표 고르기에서 이 타입 보기

브리프 식별자 자리

packet-betabeta

렌더 대기

CB-NNN-slug 문자열의 자리 배치를 비트 필드처럼. 비트가 아니라 문자 위치.

---
title: "Brief 식별자 CB-NNN-slug (문자 위치)"
config:
  packet:
    bitsPerRow: 32
---
packet-beta
0-1: "CB"
2: "-"
3-5: "NNN 일련번호"
6: "-"
7-31: "slug (영문 소문자와 하이픈)"

브리프 식별자 자리

packet-beta

Mermaid 소스

---
title: "Brief 식별자 CB-NNN-slug (문자 위치)"
config:
  packet:
    bitsPerRow: 32
---
packet-beta
0-1: "CB"
2: "-"
3-5: "NNN 일련번호"
6: "-"
7-31: "slug (영문 소문자와 하이픈)"

쓸 때: 고정 길이 필드의 위치와 폭. 식별자나 코드의 자리 규칙.
피할 때: 필드 길이가 가변이면 railroad.
한도: 필드 12개 이하.

작성 팁

비트가 아니라 글자 위치를 나타내면 제목에 밝힌다.

브리프 조건부덱 조건부보고서 조건부블로그·웹 조건부Obsidian 미리보기 됨

자료cmds-brief 번호 규칙

장표 고르기에서 이 타입 보기

위키링크 문법

railroad-ebnf-betabeta

렌더 대기

임베드 느낌표, 이모지 접두, 헤딩과 블록 앵커, 별칭까지 볼트 위키링크 규칙을 EBNF로.

railroad-ebnf-beta
title "Obsidian 위키링크 (wikilink-rules)"

wikilink = [ "!" ] "[[" target [ anchor ] [ "|" alias ] "]]" ;
target = [ prefix ] name ;
prefix = "📜" | "📚" | "🏛" | "🏷" ;
anchor = "#" ( heading | "^" block_id ) ;

위키링크 문법

railroad-ebnf-beta

Mermaid 소스

railroad-ebnf-beta
title "Obsidian 위키링크 (wikilink-rules)"

wikilink = [ "!" ] "[[" target [ anchor ] [ "|" alias ] "]]" ;
target = [ prefix ] name ;
prefix = "📜" | "📚" | "🏛" | "🏷" ;
anchor = "#" ( heading | "^" block_id ) ;

쓸 때: 표기 규칙과 문법을 EBNF로 보일 때. 링크, 파일명, 명령 형식.
피할 때: 규칙이 한 줄이면 본문에 예시로 쓴다.
한도: 규칙 6개 이하.

작성 팁

선택 항목은 [ ... ]로 쓴다. 한 규칙에 ?를 두 번 쓰면 EBNF 특수 시퀀스(? ... ?)가 된다.

브리프 피함덱 조건부보고서 적합블로그·웹 조건부Obsidian 1.15.0+ 미리보기 됨

관찰한 규칙에 ?를 두 번 쓰면 EBNF 특수 시퀀스(? … ?)로 읽혀서 선택 항목을 [ ]로 썼다.

자료wikilink-rules.md §1

장표 고르기에서 이 타입 보기

볼트 폴더 트리

treeView-betabeta

렌더 대기

마더십 최상위 폴더와 시스템 파일. 주석(##)으로 precedence와 심링크 원본 표시.

treeView-beta
  CMDSPACE_Local_MBP/
    00. Inbox/
      03. AI Agent/
        03-1. Claude Code (MBP)/
    10. CMDS Process/
      15. Periodic/
    30. Permanent Notes/
    70. Outputs/
      74. Projects/
        CMDSPACE Brief/
    90. Settings/
      94. Agent Settings/
        claude/ ## .claude 심링크의 원본
    CLAUDE.md ## precedence 1
    CMDS.md ## precedence 4
    DESIGN.md ## precedence 9

볼트 폴더 트리

treeView-beta

Mermaid 소스

treeView-beta
  CMDSPACE_Local_MBP/
    00. Inbox/
      03. AI Agent/
        03-1. Claude Code (MBP)/
    10. CMDS Process/
      15. Periodic/
    30. Permanent Notes/
    70. Outputs/
      74. Projects/
        CMDSPACE Brief/
    90. Settings/
      94. Agent Settings/
        claude/ ## .claude 심링크의 원본
    CLAUDE.md ## precedence 1
    CMDS.md ## precedence 4
    DESIGN.md ## precedence 9

쓸 때: 폴더와 파일 구조, 경로가 있는 계층.
피할 때: 계층에 크기가 있으면 treemap.
한도: 줄 20개 이하.

작성 팁

## 뒤에 오른쪽 주석을 단다. 폴더는 / 로 끝낸다.

브리프 조건부덱 적합보고서 적합블로그·웹 적합Obsidian 1.15.0+ 미리보기 됨

자료directory-structure.md

장표 고르기에서 이 타입 보기

분석 프레임

원인, 영역, 가치 사슬, 분류. 전략 프레임워크를 다이어그램 문법으로.

CMDS 9 카테고리

mindmap

렌더 대기

100 Themes부터 900 Divisions까지와 대표 하위 카테고리.

mindmap
  root((CMDS 9 카테고리))
    100 Themes
      101 Interests
      104 Terminologies
    200 Literature
      210 Literature Reviews
      220 Personal Insights
    300 Data
      310 Data Management
    400 Methodologies
      492 Prompts
    500 Products
      501 Obsidian
      521 Claude
    600 Specialties
      601 Knowledge Management
      620 Generative AI
    700 Creatives
      701 YouTube
    800 Outputs
      840 Lectures
    900 Divisions
      9Yohan

mindmap
  root((CMDS 9 카테고리))
    c1(100 Themes)
    c2(200 Literature)
    c3(300 Data)
    c4(400 Methodologies)
    c5(500 Products)
    c6(600 Specialties)
    c7(700 Creatives)
    c8(800 Outputs)
    c9(900 Divisions)

CMDS 9 카테고리

mindmap

Mermaid 소스 · 기본

mindmap
  root((CMDS 9 카테고리))
    100 Themes
      101 Interests
      104 Terminologies
    200 Literature
      210 Literature Reviews
      220 Personal Insights
    300 Data
      310 Data Management
    400 Methodologies
      492 Prompts
    500 Products
      501 Obsidian
      521 Claude
    600 Specialties
      601 Knowledge Management
      620 Generative AI
    700 Creatives
      701 YouTube
    800 Outputs
      840 Lectures
    900 Divisions
      9Yohan

쓸 때: 한 주제에서 갈라지는 개념과 분류.
피할 때: 가지 사이 관계가 중요하면 flowchart.
한도: 1단계 9개, 전체 25개 이하.

작성 팁

mindmap 안에 classDef를 쓰지 않는다(Mermaid 문법상 두 번째 루트가 된다).

Pele 1.9.0에서 알려진 점

자식이 없는 1단계 노드는 상자 없이 글자만 그린다. 하위 항목을 하나라도 붙이거나 모양을 명시한다.

브리프 적합덱 적합보고서 조건부블로그·웹 조건부Obsidian 미리보기 됨

관찰자식이 없는 1단계 노드는 상자 없이 글자만 그려서 300과 700에 하위 항목을 붙였다.

자료CMDS.md 아키텍처

장표 고르기에서 이 타입 보기

Obsidian 프리즈 원인

ishikawa-betabeta

렌더 대기

2026-10-14와 10-20에 실제로 진단한 원인들: 이중 동기화, Omnisearch 캐시 OOM, Synaptic 캐시.

ishikawa-beta
  Obsidian 프리즈와 느려짐
  동기화
    osync와 Obsidian Sync 이중 동기화
    symlink를 실체 폴더로 복제
  플러그인
    Omnisearch useCache (힙 4.4GB 한도)
    Synaptic 캐시 77MB
    Lazy Loader에서 안 끈 플러그인
  볼트
    .md 12,988개
    점폴더 캐시 (.smart-env)
  운영
    종료는 pkill -x 로만
    Studio는 SSH로 못 띄움

Obsidian 프리즈 원인

ishikawa-beta

Mermaid 소스

ishikawa-beta
  Obsidian 프리즈와 느려짐
  동기화
    osync와 Obsidian Sync 이중 동기화
    symlink를 실체 폴더로 복제
  플러그인
    Omnisearch useCache (힙 4.4GB 한도)
    Synaptic 캐시 77MB
    Lazy Loader에서 안 끈 플러그인
  볼트
    .md 12,988개
    점폴더 캐시 (.smart-env)
  운영
    종료는 pkill -x 로만
    Studio는 SSH로 못 띄움

쓸 때: 한 문제의 원인을 범주별로 모을 때.
피할 때: 원인 사이의 인과가 핵심이면 flowchart.
한도: 범주 4~6개, 원인 15개 이하.

작성 팁

첫 줄이 머리(문제), 들여쓰기 한 단계가 범주, 두 단계가 원인이다.

브리프 적합덱 적합보고서 적합블로그·웹 조건부Obsidian 미리보기 됨

자료메모리 노트 2건

장표 고르기에서 이 타입 보기

CMDS 작업의 영역

cynefin-betabeta

렌더 대기

잡으로 고정된 일(clear)부터 당일 복구(chaotic)까지. 전이 화살표는 운영이 성숙하는 방향.

cynefin-beta
  title CMDS 작업은 어느 영역에 있나
  clear
    "데일리 노트 생성 (/daily 잡)"
    "시스템 파일 8-way 동기화"
  complicated
    "브리프 지면 판정 (라우터 대조)"
    "Pele 토큰 매핑"
  complex
    "/merge 합성 (정보 손실 판단)"
    "강의 현장의 반응"
  chaotic
    "옵시디언 프리즈 당일 복구"
  chaotic --> complex : "원인 진단 (OOM)"
  complex --> complicated : "패턴을 규칙으로"
  complicated --> clear : "스크립트와 잡으로 고정"

CMDS 작업의 영역

cynefin-beta

Mermaid 소스

cynefin-beta
  title CMDS 작업은 어느 영역에 있나
  clear
    "데일리 노트 생성 (/daily 잡)"
    "시스템 파일 8-way 동기화"
  complicated
    "브리프 지면 판정 (라우터 대조)"
    "Pele 토큰 매핑"
  complex
    "/merge 합성 (정보 손실 판단)"
    "강의 현장의 반응"
  chaotic
    "옵시디언 프리즈 당일 복구"
  chaotic --> complex : "원인 진단 (OOM)"
  complex --> complicated : "패턴을 규칙으로"
  complicated --> clear : "스크립트와 잡으로 고정"

쓸 때: 일을 clear, complicated, complex, chaotic 영역으로 나누고 이동을 보일 때.
피할 때: 영역 판정 근거가 없으면 쓰지 않는다.
한도: 영역당 항목 3개 이하.

작성 팁

항목은 큰따옴표 문자열로 쓴다.

Pele 1.9.0에서 알려진 점

전이 라벨이 영역 경계 점선과 겹친다.
좁은 폭에서도 약 780px로 남는다.

브리프 조건부덱 적합보고서 적합블로그·웹 피함Obsidian 1.15.0+ 미리보기 됨

관찰전이 라벨 "스크립트와 잡으로 고정"이 영역 경계 점선과 겹친다.

자료운영 규칙과 사고 기록

장표 고르기에서 이 타입 보기

지식 산출 가치 사슬

wardley-betabeta

렌더 대기

독자에서 Pele까지의 의존 사슬. Pele는 신생이라 evolve 화살표로 성숙 방향을 표시.

wardley-beta
title CMDS 지식 산출의 가치 사슬 (2026-10)

anchor "독자와 수강생" [0.95, 0.70]
component "브리프와 강의" [0.82, 0.55]
component "볼트 노트" [0.66, 0.60]
component "Obsidian" [0.52, 0.85]
component "Claude Code" [0.50, 0.62]
component "Mermaid 문법" [0.36, 0.88]
component "Pele" [0.30, 0.42]
component "mermaid.js" [0.28, 0.82]

"독자와 수강생" -> "브리프와 강의"
"브리프와 강의" -> "볼트 노트"
"볼트 노트" -> "Obsidian"
"볼트 노트" -> "Claude Code"
"Obsidian" -> "Mermaid 문법"
"Mermaid 문법" -> "mermaid.js"
"Mermaid 문법" -> "Pele"

evolve "Pele" 0.70

note "Pele: 신생(10-05)에서 1.8.0(10-20)까지, 커밋 대부분이 kepano" [0.18, 0.30]

지식 산출 가치 사슬

wardley-beta

Mermaid 소스

wardley-beta
title CMDS 지식 산출의 가치 사슬 (2026-10)

anchor "독자와 수강생" [0.95, 0.70]
component "브리프와 강의" [0.82, 0.55]
component "볼트 노트" [0.66, 0.60]
component "Obsidian" [0.52, 0.85]
component "Claude Code" [0.50, 0.62]
component "Mermaid 문법" [0.36, 0.88]
component "Pele" [0.30, 0.42]
component "mermaid.js" [0.28, 0.82]

"독자와 수강생" -> "브리프와 강의"
"브리프와 강의" -> "볼트 노트"
"볼트 노트" -> "Obsidian"
"볼트 노트" -> "Claude Code"
"Obsidian" -> "Mermaid 문법"
"Mermaid 문법" -> "mermaid.js"
"Mermaid 문법" -> "Pele"

evolve "Pele" 0.70

note "Pele: 신생(10-05)에서 1.8.0(10-20)까지, 커밋 대부분이 kepano" [0.18, 0.30]

쓸 때: 가치 사슬의 구성 요소를 가시성과 진화 단계로 배치할 때.
피할 때: 좌표가 근거 없는 인상이면 캡션에 판단임을 밝힌다.
한도: 구성 요소 10개 이하.

작성 팁

한글이나 점(.)이 든 이름은 큰따옴표로 감싼다.
좌표는 [가시성, 진화] 순서다.

Pele 1.9.0에서 알려진 점

note가 제목과 같은 굵기로 나온다.

브리프 조건부덱 적합보고서 적합블로그·웹 조건부Obsidian 1.15.0+ 미리보기 됨

관찰한글이나 점(.)이 든 이름은 큰따옴표로 감싼다. note는 제목과 같은 굵기로 나온다.

자료구성 (위치는 판단)

장표 고르기에서 이 타입 보기

실측 메모

Mermaid와 같은 판정

두 볼트의 Mermaid 블록 893개 중 879개(98.4%)를 그렸다. 마더십 699/713, LLM Wiki 180/180.
거부한 14개는 Mermaid 11.17.2도 같은 자리에서 거부했다. 작성 오류 12개, 규칙 노트의 일부러 틀린 예시 1개, 소문자 gitgraph 1개다.
작성 오류는 대부분 따옴표 없는 라벨 안의 괄호, 라벨 일부만 감싼 따옴표, [/로 시작하는 라벨, mindmap 안의 classDef였다.
한글 라벨 제약도 Mermaid 문법 그대로다. sankey 노드 이름은 ASCII만(Pele 1.9.0은 한글도 그리지만 Obsidian 1.15에 든 1.8.0은 아직 거부한다), quadrant 라벨에는 괄호를 못 쓰고, requirement의 한글 text와 wardley의 한글 이름은 큰따옴표가 필요하다.
예시 펜스(4-백틱) 안에 든 블록 13개는 Obsidian이 그리지 않아 집계에서 뺐다.
Obsidian 1.15.0부터 볼트의 내장 렌더러가 Pele(1.8.0)다. 33종이 모두 볼트 미리보기에서 보인다(2026-10-23, 46개 블록 오류 0). 1.14.4의 Mermaid 11.13.0에서는 25종이었고 swimlane, agentflow, eventmodeling, usecase, railroad, treeView, cynefin, wardley는 산출물에서만 보였다.
볼트와 발행본의 Pele 버전이 다르다(볼트 1.8.0, 발행본 1.9.0). 1.9.0에서 생긴 한글 sankey 이름은 볼트에서 오류가 나고, 라벨의 HTML 태그는 모양 없이 글자만 남고, List<T> 같은 글자는 <T>가 사라진다. 엔티티 코드 #lt;T#gt;는 두 곳 모두 보인다.

Pele 1.9.0에서 본 렌더 문제

1.9.0이 바꾼 것: 줄바꿈된 라벨의 줄 간격이 좁아져 볼트 도식 879개 중 551개의 SVG가 바뀌었고 그중 517개가 낮아졌다(중앙값 -3.4%, 선 교차는 412 → 418로 거의 같다). 라벨의 <sub> <sup> <code> <kbd> 태그, List<T> 글자 보존, 와 폭 없는 공백 줄바꿈, class 묶음 줄바꿈, sankey 한글 이름과 그라데이션, state 곡선, C4 관계 라벨, quadrant 점 라벨. 새 다이어그램 타입은 없다.
1.8.0이 고친 것: sequence 자기 호출 라벨이 다음 메시지와 겹치던 문제, 세로 timeline의 첫 사건 선, 묶음(subgraph) 사이 선 교차(볼트에서 바뀐 도식 61개의 교차 473 → 357). 1.7.0에서 1.8.0까지 새 다이어그램 타입은 없다.
treemap: 390px에서 작은 그룹이 빈 상자가 되고, 작은 타일 이름은 "80.…"처럼 글자 단위로 잘린다.
xychart: 세로 막대에서 라벨이 안 들어가면 하나 건너 하나씩 뺀다. 빠진 범주를 알리는 표시가 없다.
gitGraph: 45도로 돌린 커밋 라벨이 병합 곡선을 가린다.
mindmap: 자식이 없는 1단계 노드를 상자 없이 그린다(모양 문법 id(이름)으로 상자를 준다). pie: 1% 미만 조각의 퍼센트 라벨을 생략한다.
cynefin 전이 라벨이 경계선과 겹치고, wardley note가 제목 굵기로 나오고, er 관계 마커가 한곳에 몰린다.
er, requirement, cynefin은 328px을 줘도 760px 넘게 남는다. 좁은 카드에서는 그만큼 작아진다.

테마 토큰

Pele는 timeline 헤더와 날짜, gitGraph 브랜치 이름을 --pele-bg 색으로 쓴다. 그래서 시리즈 색은 배경과 4.5:1 이상 대비가 나야 한다.
첫 시안은 라이트에서 브랜드 분홍 #E985A2가 흰 배경 대비 2.52:1이라 흰 글자가 안 읽혔다.
지금 팔레트는 라이트가 진한 초록·분홍·회색(최저 5.15:1), 다크가 밝은 톤(최저 6.12:1)이다. 아직 확정 전 시안이다.
글자 폭을 잰 글꼴과 보여 주는 글꼴이 같아야 라벨이 상자에 맞는다. 도식은 Pretendard 한 가지로 재고 그린다.