V2: Claude Code에서 아키텍처 다이어그램을 그리고 요청 흐름을 시뮬레이션하는 기능이 더 강력해졌습니다!

Proschi는 시스템 설계 다이어그램을 위한 작은 텍스트 언어임. .proschi 파일에 컴포넌트, 연결 관계, 그리고 유스케이스(요청이 시퀀스 다이어그램처럼 시스템을 어떻게 통과하는지)를 적으면 됨. Proschi가 알아서 레이아웃을 잡고, 시뮬레이션(부하, 지연 시간, 가용성, 비용)을 돌린 다음, 유스케이스를 단계별로 직접 확인해 볼 수 있게 해줌.

지난번에 터미널에서 이 다이어그램을 그려주는 Claude Code 플러그인을 공유했었음. 그때는 텍스트 문자로만 다 그렸는데, 박스 몇 개는 괜찮아도 서비스 20개 넘어가는 실제 시스템에선 다 깨지더라고. 그래서 아예 새로 갈아엎었음.

영상 보면 전체 흐름이 다 나옴: Claude한테 광고 클릭 파이프라인 모델링을 시키면, Proschi 스킬을 써서 유스케이스랑 테스트가 포함된 파일을 만들고, 체크까지 돌린 다음, 내가 플러그인 창에서 바로 열어보는 식임.

새로워진 점:

- 이미지를 띄울 수 있는 터미널(kitty, Ghostty, iTerm2)에서는 다이어그램, 탭, 버튼, 메뉴까지 전부 그림으로 그려줌. 마우스로 클릭도 가능함. 지원 안 되는 터미널은 그냥 텍스트 버전으로 나옴.

- 화면 맞춤부터 300%까지 줌인/줌아웃 되고 드래그해서 옮길 수도 있으니까, 복잡한 다이어그램도 부분부분 자세히 볼 수 있음. 줌 할 때마다 그림을 새로 그려서 글자도 안 깨짐.

- 유스케이스 재생 기능: 요청이 다이어그램을 따라 단계별로 움직이는 걸 볼 수 있고, 각 단계의 요청이랑 응답도 다 열어볼 수 있음.

- 분석(Analysis) 탭: 노드별 비용, 부하, 지연 시간, 유스케이스별 백분위수, 단일 장애 지점(SPOF)까지 싹 다 보여줌.

- HLD 탭: 모델을 기반으로 설계 문서(요구사항, 용량, 컴포넌트, 데이터 모델, API, 시나리오)를 자동으로 생성해줌. 버튼 하나 누르면 PR이나 위키에 바로 붙여넣기 좋게 마크다운으로 복사됨.

- 요구사항이나 테스트가 실패하면 다이어그램 아래에 한 줄로 뭐가 문제인지 뜨고, 클릭하면 해당 체크 항목이 있는 문서 위치로 바로 이동함.

설치 방법:

/plugin marketplace add gvart/proschi
/plugin install proschi@proschi

이미 설치되어 있다면:

/plugin marketplace update proschi

오픈 소스(MIT)니까 마음껏 쓰셈: GitHub | Platform