Show GN: Thask – 프로젝트 의존성을 노드 그래프로 시각화하고 AI 에이전트가 조회/수정 가능
(thask.kimgh06.com)프로젝트의 기능, 태스크, 버그를 노드로, 의존관계를 엣지로 시각화하는 셀프 호스팅 도구입니다.
만들게 된 이유:
AI 코딩 도구(Claude Code, Cursor)로 코드를 빠르게 만들 수 있게 됐는데,
프로젝트가 커지면 "이 API 바꾸면 어디가 깨지는지"를 추적하기 어렵습니다.
스프레드시트나 이슈 트래커에서는 의존관계가 숨겨져 있어서요.
주요 기능:
- 7종 노드 타입(FLOW, TASK, BUG, API, UI 등) + 5종 엣지 타입
- Impact Mode: 노드 하나 클릭하면 BFS로 영향받는 노드를 즉시 하이라이트
- Waterfall: 상태 변경 시 의존 그래프를 따라 자동 전파
- 프로젝트 공유: 링크로 viewer/editor 모드 공유 (로그인 불필요)
- SSE 기반 실시간 동기화
특이한 점 — CLI + MCP:
Go로 만든 CLI 도구가 있고, MCP 서버 모드를 내장하고 있어서
Claude Code나 Cursor에서 직접 그래프를 조회하고 수정할 수 있습니다.
thask impact --node <id> → 영향받는 노드 목록 반환
thask.impact.analyze() → AI 에이전트가 MCP로 직접 호출
스택: Go (Echo) + SvelteKit (Svelte 5) + PostgreSQL + Cytoscape.js
배포: docker compose up 한 줄
라이브 데모 (로그인 없이 볼 수 있습니다):
- 문서 의존성 그래프: https://thask.kimgh06.com/shared/…
- 아키텍처 그래프: https://thask.kimgh06.com/shared/…
1인 개발이고, MIT 라이선스입니다. 피드백 환영합니다.