ahmedkhaleel2004/gitdiagram

Free, simple, fast interactive diagrams for any GitHub repository

해결하는 문제

GitDiagram은 복잡한 GitHub 리포지토리를 인터랙티브한 아키텍처 다이어그램으로 변환합니다. 코드베이스를 수동으로 매핑하거나 폴더를 하나씩 탐색하는 대신, 개발자는 프로젝트 내의 시스템 수준 구조와 관계를 빠르게 시각화할 수 있습니다.

작동 방식

이 도구는 GitHub API를 통해 리포지토리의 기본 브랜치, 파일 트리, README를 가져옵니다. 그런 다음 두 단계의 AI 프로세스를 사용합니다. 먼저 아키텍처에 대한 평이한 영어 설명을 생성하고, 두 번째로 노드, 엣지, 경로를 포함하는 구조화된 그래프 AST(추상 구문 트리)를 생성합니다. 이 AST는 실제 리포지토리 파일과 검증된 후 브라우저에서 렌더링되는 Mermaid 다이어그램으로 컴파일됩니다.

대상 사용자

모든 파일을 수동으로 읽지 않고도 공개 또는 비공개 GitHub 리포지토리의 고수준 설계를 빠르게 이해해야 하는 개발자 및 아키텍트.

주요 기능

  • 아키텍처 중심: 단순한 폴더 구조가 아니라 시스템 수준 그래프를 매핑합니다.
  • 인터랙티브: 다이어그램 내의 컴포넌트는 GitHub의 해당 파일 또는 디렉터리로 직접 링크됩니다.
  • 비공개 리포지토리 지원: 브라우저에서 로컬로 GitHub 토큰을 제공하여 비공개 코드베이스를 시각화할 수 있습니다.
  • 스트리밍 생성: 그래프가 계획되는 동안 AI가 생성한 설명을 실시간으로 표시합니다.
  • 내보내기 옵션: PNG로 다운로드하거나 Mermaid 소스 코드를 복사하는 기능을 지원합니다.

관련

  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트