tt-a1i/archify

생각이나 설명을 AI 에이전트에 말하면 인터랙티브 다이어그램으로 변환하는 도구

설치형 도구맘대로 써도 됨 · Apache-2.0자동화·워크플로우JavaScript난이도

91,811+3,549이번 주0 찜

6,256포크136이슈

중간맛 분석

Archify는 AI 에이전트 스킬로, 사용자의 텍스트 설명이나 분석한 소스 코드를 아키텍처, 시퀀스, 플로우차트 등의 대화형 다이어그램으로 변환합니다. 사용 흐름은 간단합니다: Cursor, Claude Code, Codex, OpenCode 중 하나의 에이전트에 "Browser → → Redis → PostgreSQL" 같은 설명을 보내거나, 리포지토리를 분석하라고 말하면 Archify가 인터랙티브 HTML을 생성하고, 채팅으로 "add authentication"이나 "highlight the cache-miss path" 같은 요청으로 수정할 수 있습니다. 결론을 먼저 제시하는 Explainer 페이지로는 성능 문제나 기술 개념을 설명 문서로 만들 수 있으며, 출처는 커밋 단위로 검증됩니다. 출력은 완전히 자체 포함된 HTML 파일이므로 외부 서비스나 추가 설치 없이 브라우저에서 열고, 다운로드하거나, 4가지 스타일과 라이트/다크 테마를 선택한 후 PNG, WebP, JPG, PDF로 내보낼 수 있습니다. 설치는 한 줄 명령이며 라이선스 오픈소스입니다.

이런 레포예요

이럴 때 쓰면 좋아요

팀이 캐시 미스 경로, API 흐름 등 시스템 아키텍처를 다이어그램으로 시각화하여 설계 검토
개발자가 P99 레이턴시 급증 같은 성능 문제를 Explainer로 분석하고 진단
사용자가 여행 일정, 학습맵, 체크리스트 등을 인터랙티브 다이어그램으로 계획 및 공유

핵심 기능

자연어 설명을 AI 에이전트와 함께 인터랙티브 다이어그램으로 변환실제 소스 코드 저장소 분석으로 런타임 아키텍처 추출Explainer 페이지: 결론 먼저, 검증된 출처 인용, 패널 기반 설명

대안 대비 차별점

실제 소스 코드에서 다이어그램을 생성하고, Explainer 형식으로 출처를 검증하며, 완전히 자체 포함된 HTML로 외부 도구 없이 공유할 수 있습니다.

먹어본 사람들

실제로 차려 먹어본 손님들의 흔적이에요 — 한마디와 완주 인증 모두 검수 후 공개돼요.

시식평 · 먹어본 사람 한마디

아직 시식평이 없어요. 먹어보셨다면 첫 한마디를 남겨주세요.

다른 레포 시식평 구경하기 →

이 레포로 만든 것들

🖋 완주 인증하기

아직 이 레포로 만든 완주 인증이 없어요. 첫 밥도장을 찍어보세요!

이 레포, 해먹는 법

처음 오셨어요? 어렵지 않아요 — 위에서 아래로 따라 하면 내 컴퓨터에 이 레포를 차려서 바로 맛볼 수 있어요.

준비물

Cursor, Claude Code, Codex, OpenCode 중 하나의 AI 에이전트
Node.js 및 npm (npx 실행)

바로 차려먹기Node.js (npm)

깃밥이 레포 구조를 확인하고 만든 실행 명령이에요. 터미널에 붙여넣으면 받기부터 실행까지 한 번에 진행돼요.

git clone --depth 1 https://github.com/tt-a1i/archify.git &&
cd archify &&
npm install

실행 명령은 README를 확인하세요.

코드는 내 컴퓨터에서 실행돼요 — 처음 보는 레포라면 내용을 한번 훑어보고 실행하는 습관을 추천해요.

README가 안내하는 자세한 단계 보기

Archify를 글로벌로 설치합니다.

npx skills add tt-a1i/archify -g

Cursor, Claude Code, Codex, OpenCode 중 하나의 AI 에이전트를 열고 다이어그램 설명을 보냅니다.

Use Archify to draw: Browser -> API -> Redis cache -> PostgreSQL fallback.

채팅에서 수정 요청을 계속합니다.

add Redis

선택 사항 - 저장소 분석하기:

Analyze this repository, then use archify to create a high-level runtime architecture diagram. Show 8–12 core components, one primary path, external dependencies, and trust boundaries.