GitDiagram - GitHub Repo를 인터랙티브 다이어그램으로 시각화
(github.com/ahmedkhaleel2004)- 프로젝트를 빠르게 시각화하여 이해하는데 도움을 주는 도구
- 시스템 디자인 / 아키텍처 디자인을 표시
- 표시된 컴포넌트 클릭시 소스파일 및 폴더로 이동
- Claude 3.5 Sonnet으로 작성됨
- 커스텀 명령어로 수정 및 재생성 가능
- 아무 GitHub 주소에서
hub를diagram으로만 변경하면 바로 동작함 - Next.js + TypeScript + Tailwind CSS + ShadCN + FastAPI + Python + Server Actions + PostgreSQL
와 써봤는데 신기해요.
프로젝트 코드를 읽고 -> Claude Sonnet 에게 먹이고 -> 노드별로 다이어그램화 하는 흐름인 거 같은데 직접 써보니까 너무 신기하네요 ㅋㅋㅋ