링크가 그리던 그래프를 눈앞에
모든 개념이 노드가 되고 모든 마크다운 링크가 엣지가 돼요. 엣지는 출발 노드의 색을 띠고, 허브는 더 큰 라벨을 얻고, 감지된 커뮤니티는 모여들어요. 번들이 실타래가 아니라 지도처럼 읽히죠.
파일 덤프가 아니라 리더예요
읽기 좋은 본문 컬럼 옆에 목차, 백링크, 관계가 나란히 있어요. 링크는 어디로 가는지 미리 알려주고, 코드는 하이라이트되고 복사할 수 있으며, 선택은 그래프와 항상 동기화돼요.
디자인 시스템은 라이브로 렌더링돼요
ODSF 번들을 열면 토큰이 색상 견본과 스케일이 되고, 컴포넌트는 실행 가능한 HTML 예제를 바로 보여줘요. 디자인 시스템이 스스로를 문서화하는 셈이죠.
왜 만들었나
지식 번들은 그냥 마크다운이라 만들기는 쉽지만 읽는 경험은 괴로워요. 관계 그래프가 링크 속에 암묵적으로 숨어 있고, 파일 트리는 그걸 가려버리죠. 에이전트는 번들을 잘 읽지만, 그걸 관리하는 사람은 grep에 의존해야 했어요. OKF Viewer는 그 읽는 쪽을 맡아요. 폴더를 가리키면 구조가 실제로 보고 탐색할 수 있는 것이 되죠.
프로젝트 소개
Open Knowledge Format 번들을 위한 빠른 네이티브 데스크톱 리더예요. Tauri로 만들어져 Rust 코어가 스캔, 파싱, 검증을 맡고 React 프런트엔드가 각 번들을 정성 들인 읽기 화면 옆의 인터랙티브 개념 그래프로 렌더링해요. 폴더 안의 모든 번들을 자동 감지하고, 그래프와 리더와 사이드바가 하나의 선택을 공유하며, 파일이 바뀌면 라이브로 다시 불러와요. ODSF 디자인 시스템은 토큰과 컴포넌트를 라이브 미리보기로 보여주고요. 오프라인, 읽기 전용, 그리고 의도적으로 관대해요. 엉성한 번들도 거절하지 않고 문제를 드러내 보여줘요. 자기 자신의 제품 명세가 내장 샘플로 들어 있는데, 앱이 스스로에 대해 렌더링하는 OKF 번들이에요.
Tech Stack
블로그에서
Open Knowledge Format: Just Markdown Your Agent Can Read
제작 이야기 읽기→