ahmedkhaleel2004/gitdiagram
깃허브 저장소를 대화형 아키텍처 다이어그램으로
원제 ahmedkhaleel2004/gitdiagram
스타 16,312당일 +145TypeScript
Key Point
저장소 코드를 자동으로 아키텍처 다이어그램으로 시각화하는 것이 가능해졌으며, 팀의 코드 리뷰와 온보딩 과정에 실질적으로 활용할 수 있다.
핵심 요약
- GitDiagram은 공개·비공개 깃허브 저장소를 몇 초 만에 대화형 아키텍처 다이어그램으로 변환하는 도구다.
- 저장소 트리·README·소스 코드를 분석해 폴더 구조가 아닌 시스템 수준의 그래프를 생성하고, 각 컴포넌트는 깃허브 파일로 직접 링크된다.
- 생성 과정에서 설명과 그래프를 실시간으로 스트리밍하며, Mermaid 형식으로 내보내거나 PNG로 다운로드할 수 있다.
- Next.js·React 19로 구축된 웹 앱에서 OpenAI나 OpenRouter를 이용해 다이어그램을 생성하고, Vercel에 배포되어 있다.
- 비공개 저장소는 로컬에서 깃허브 토큰을 제공하면 별도의 보호된 저장소에 저장되며, 토큰은 절대 공개 링크에 포함되지 않는다.