📊에이전트
Archify - AI 에이전트를 위한 시스템 다이어그램 생성 도구
코드베이스나 시스템 설명을 인터랙티브한 시스템 다이어그램으로 자동 변환하는 Node.js 기반 렌더링 도구
↗ 원본 링크#다이어그램#시각화#아키텍처#Cursor#Claude
Archify란?
Archify는 AI 에이전트(Cursor, Claude Code 등)가 코드나 시스템 설명을 받아 아름다운 다이어그램으로 자동 변환해주는 도구입니다. 채팅 중에 바로 시스템 맵을 생성할 수 있습니다.
주요 기능
📈 5가지 다이어그램 타입
▸아키텍처, 워크플로우, 시퀀스, 데이터 플로우, 라이프사이클 다이어그램 지원
▸4가지 프리셋과 다크/라이트 테마 제공
▸애니메이션 효과로 생동감 있는 시각화
🔍 아키텍처 변경 비교
▸Before/Delta/After 형식으로 변경사항 추적
▸추가, 삭제, 변경, 이동된 요소를 정확히 표시
▸PR 리뷰 시 시각적으로 변경 내역 확인 가능
✅ 검증 가능한 출력
▸타입이 지정된 JSON IR로 정확성 보장
▸노드 검색, 소스 추적, 경로 분석 기능
▸임의로 만들어진 정보 없이 실제 구조만 반영
📦 단일 파일 출력
▸자체 포함된 HTML 파일 생성
▸PNG, SVG, WebM, 공유용 카드 이미지 내보내기
▸바로 공유하고 프레젠테이션에 사용 가능
사용 방법
Cursor나 Claude Code에서 Archify를 Agent Skill로 추가하면, 자연어로 시스템을 설명하거나 코드베이스를 분석시키는 것만으로 다이어그램이 자동 생성됩니다.
활용 사례
▸📊 시스템 아키텍처 문서화
▸🔄 코드 리뷰 시 구조 변경 시각화
▸📢 기술 프레젠테이션 자료 생성
▸🎓 팀원 온보딩용 시스템 설명