GitHub Trending웹 · 프론트엔드

ahmedkhaleel2004/gitdiagram

깃허브 저장소를 대화형 아키텍처 다이어그램으로

원제 ahmedkhaleel2004/gitdiagram

스타 16,312당일 +145TypeScript
Key Point

저장소 코드를 자동으로 아키텍처 다이어그램으로 시각화하는 것이 가능해졌으며, 팀의 코드 리뷰와 온보딩 과정에 실질적으로 활용할 수 있다.

핵심 요약

  • GitDiagram은 공개·비공개 깃허브 저장소를 몇 초 만에 대화형 아키텍처 다이어그램으로 변환하는 도구다.
  • 저장소 트리·README·소스 코드를 분석해 폴더 구조가 아닌 시스템 수준의 그래프를 생성하고, 각 컴포넌트는 깃허브 파일로 직접 링크된다.
  • 생성 과정에서 설명과 그래프를 실시간으로 스트리밍하며, Mermaid 형식으로 내보내거나 PNG로 다운로드할 수 있다.
  • Next.js·React 19로 구축된 웹 앱에서 OpenAI나 OpenRouter를 이용해 다이어그램을 생성하고, Vercel에 배포되어 있다.
  • 비공개 저장소는 로컬에서 깃허브 토큰을 제공하면 별도의 보호된 저장소에 저장되며, 토큰은 절대 공개 링크에 포함되지 않는다.
AI 요약 안내

AI가 한국어로 정리한 내용입니다. 정확한 정보는 원문을 확인해 주세요.

요약 원칙 ↗