프로그래밍은 1도 모르다보니 가끔 갑갑한 적이 많았습니다.
그래서 LLM에게 스펙 시트를 주고 지시를 내려도 이게 내 의도대로 되는건지 모를때가 많죠. 그래서 구조를 한 눈에 알아보고 이걸 이해할 수 있는 도구를 구상하고 Antigravity 확장을 만들었습니다. VScode에서도 사용이 가능합니다
지시를 내리면 시각적으로 노드(소스파일)와 노드(소스파일)을 표시하고 이 노드들이 어떤 노드(소스파일)을 참조하는지 선(엣지)로 표시합니다.
선은 의존성, 콜, 데이터플로, 그리고 양방향 참조로 구분됩니다.
노드를 클릭하면 바로 해당 소스를 들여다볼 수 있습니다.
선이나 노드가 논리적으로 이상하면 바로 시각적으로 표시됩니다.
노드들 역시 사용자의 승인이나 거부를 통해 지울 수 있습니다.
시각화 보드 ( 캔버스 ) 안에서 직접 노드를 만들어 줄 수 있습니다.
그리고 캔버스 위에서 각 노드들의 클러스터를 정의해서 보다 보기 편하게 작업할 수 있습니다
Synchronous Node-based Agent Persistence & Sharing Engine
제가 테스트해 본 언어는 3가지입니다. Rust, C, Python 그외에 쉘스크립트, YAML, Json, TOML까지 지원합니다.
VSCODE와 안티 그래비티 모두를 지원합니다.
혹시 써보시고 문제점이 있으면 이야기 해주시면 감사하겠습니다.
자동 클러스터링과 의존성을 제외한 노드 표시 다이어트 등도 되어 있습니다.
스냅샷 기능이 있어 언제든 롤백이 가능합니다. 스냅샷은 자동저장, 수동 저장 모두를 지원합니다.
2개의 좋아요
이제 멀티 프롬프트 ( 다양한 md 파일 ) 과 더불어 언제든 대화 프롬프트를 md 파일로 저장할 수 있게 되었습니다. 내가 맥락 유지할 수 있는 방법이 늘어났네요,
1개의 좋아요
md 파일에도 lsp 연결했습니다
md파일에 경로명 등이 있다면 에디터 상에서 불러들인 md파일에서 해당 파일명만 클릭하면 바로 편집 가능합니다
VSCode와 Antigravity 모두에서 작동시켜봤습니다.
적어도 내가 가려운 곳은 긁어줄 수 있을 듯 합니다.
이게 정말 도움이 될지는 모르겠습니다만 그래도 내가 생성한 소스 파일들이 어떻게 돌아가고 고립되어서 쓰이지 않는 녀석들이 어떤 녀석들인지는 확인이 가능합니다.
노드가 연결되면 자동으로 순서도를 만들어줍니다.
1개의 좋아요
파이선, C와 Rust까지 지원합니다
GEMINI.md 파일을 부트스트랩시키면 자동으로 노드를 생성하고 폴더 내 파일 구조를 만든다음 순서도까지 작업을 진행합니다.
멀티MD 파일을 지원합니다.
추가 계획
GEMINI.md 파일만 부트스트랩시킵니다만, 이걸 좀더 확장해서 Clade다 chatGPT까지 모두 지원하게 하려고 합니다.
기본이 된 MD 파일은 헌법처럼 남겨두고 이제 아키텍쳐 자체를 에디트할때 필요한 MD를 자동 생성시키려고 합니다. 이 파일은 스냅샷과 연결시킬 겁니다.
현재 대화 맥락을 언제건 단축키 하나로 세이브할 수 있습니다.
이 기능을 좀더 확장시켜보려고 합니다
마지막으로 SSH 접속기능을 써서 팀 작업 기능을 추가하려고 합니다
팀장이 서버를 열면 다른 작업자들이 접속할 수 있게 만듭니다
접속하면 이 캔버스에 자동으로 다른 팀원들의 Graph뷰가 뜹니다
팀장은 다른 팀원들의 그래프뷰를 통해 파일을 읽고 쓸 수 있습니다
팀원은 다른 팀원과 팀장의 프로젝트 그래프뷰를 통해 파일을 읽을 수 있습니다
잘 되면 좋겠습니다
일단 보이는 건 깔끔해졌습니다.
순서도와 노드 관련해서 내부 로직은 모두 뜯어고쳤습니다.
이제 다음번에는 노드에서 제어한 엣지의 내용과 새로 캔버스에서 추가한 노드들의 종류가 순서도에 반영되어야 합니다. 아마 다음주에나 작업이 가능할 거 같네요
순서도 로직도 바뀌었습니다. 이제 좀더 보기 좋게 만들어졌습니다.
이제 마우스 호버와 마우스 셀렉션 시 연관된 엣지들이 글로우 효과를 보이며 강조됩니다.
평시에는 로직의 흐름에 따라 엣지 에니메이션이 보이게 했습니다.
지금까지 뷰어의 기능이 강했다면 이제는 능동적으로 노드를 만들면 소스 파일을 생성시킵니다
노드와 노드를 직접 연결하게 했습니다.
그 결과 논리를 직접 에디팅 할 수 있는 길을 만들 수 있습니다.
노드가 엣지로 연결되면 즉시 상위노드에 하위 노드를 임포트 시킵니다. 물론 삭제하면 해당 임포트 구문은 자동 주석처리됩니다.
사용자가 만든 노드들을 직접 순서도에 집어 넣을 수 있는 로직도 만들었습니다.
노드의 형상은 소스 파일의 조건문등을 파악하여 자동으로 형태를 바꿔줍니다.
가장 중요한 사고 깊이 조절을 통해 로직의 병목 현상으로 판명되는 노드의 코딩시 연산력 조절을 가능하게 처리했습니다.
1개의 좋아요
레이어 기능을 추가했습니다
포토샵 레이어처럼 동작합니다.
추후 ssh연동하게되면 다른 사용자의 레이어가 더 붙게 됩니다
사용자가 수동으로 만든 논리 흐름과 ai가 만든 논리의 흐름을 시각적으로 단절시킬 수 있습니다
로직에 결정론적 사고를 일부 부여했습니다. 로직 검증 실패가 프로그램의 실행 불가능을 의미하지않습니다.
그외 자잘한 ui도 편하게 바꿔두었습니다
와 ㄷㄷ…
한눈에 로직 파악하는게 엄청 쉬워지겠네요!