ClaudeCode 실행 전 계획의 영향 시각화하기
Visualizing the impact of ClaudeCode's plan, before executing it
핵심 요약
코드베이스를 분석해 LLM이 수행할 변경 사항을 실행 전에 미리 시각화하여 보여주는 오픈소스 엔진 'CodeBoarding' 소개.
- 코드베이스 시각화 — 정적 분석과 LLM을 활용해 코드 구조를 실시간 다이어그램으로 생성함.
- 변경 사항 예측 — 에이전트가 실행할 계획의 영향 범위를 미리 보여주어 잘못된 수정을 방지함.
- 워크플로우 개선 — 계획 검토와 코드 수정 확인 과정을 자동화하여 개발 생산성을 높임.
- 데이터 보안 — 정적 분석은 로컬에서 수행되며 LLM 설정은 사용자가 직접 구성 가능함.
안녕하세요, 친구들과 함께 코드베이스를 읽어 들여 다이어그램으로 표현하고 탐색할 수 있는 오픈소스 엔진을 만들고 있습니다. 여기서 확인하실 수 있습니다: https://github.com/CodeBoarding/CodeBoarding
이 모든 것은 정적 분석(제어 흐름 그래프)과 가벼운 LLM 계층을 기반으로 하며, 덕분에 다이어그램이 매우 정확하고 거의 실시간으로 코드베이스를 인덱싱할 수 있습니다. (에이전트가 무언가를 변경하면 실시간으로 시각화됩니다. 몇 주 전에 관련 글을 올린 적이 있습니다.)
처음에는 코드베이스를 탐색하는 용도로 시작했지만, 에이전트가 변경 사항을 적용하는 즉시 동적 하이라이트를 추가하여 ClaudeCode가 코드를 어떻게 수정하는지 실시간으로 관찰할 수 있게 했습니다.
이제 잘못된 계획이 실행될 때까지 기다리며(그리고 비용을 지불하며) 시간을 낭비하는 대신, 어떤 구성 요소가 영향을 받을지 미리 보여주는 기능을 작업 중입니다. 이를 통해 에이전트가 잘못 해석했는지 알 수 있고, 새로운 구성 요소가 생기는지, 변경 규모가 어느 정도인지 확인할 수 있습니다. 며칠 내로 출시할 예정이니 피드백 주시면 감사하겠습니다.
여러분은 어떻게 계획을 세우시나요? 항상 계획을 꼼꼼히 읽으시나요, 아니면 실행 후에 예상대로 수정되었는지 확인하시나요? 아니면 작동만 하면 상관없으신가요?
정말 궁금합니다. 알려주세요.
https://www.reddit.com/submit/?source_id=t3_1u4ugb2&composer_entry=crosspost_prompt
