Claude Code 및 12개 다른 코딩 에이전트를 위한 398개의 에이전트 스킬과 플러그인.
한국어는 runchr 제공 번역입니다. 원문 README는 English tool page.
archify
Claude Code, Codex, Cursor, OpenCode를 위한 에이전트 스킬로, 어떤 아이디어, 계획, 코드베이스든 아름다운 인터랙티브 HTML 다이어그램으로 바꿔 줍니다
- Trigger
- When the user asks to visualize, diagram, or explain an idea, plan, architecture, or codebase
- Install path
- skills/archify
- Harnesses
- Claude Code
프로젝트 README (번역)
GitHub ↗Written by the project's own authors, not by runchr. Snapshot taken 2026-10-28.
원하는 무엇이든 이해하고, 계획하고, 공유할 수 있는 인터랙티브 비주얼로 바꿔보세요.
공식 채널: archify.si · GitHub
Archify는 무료이며 오픈 소스입니다. 타사 온라인 서비스와 유료 플랜은 각 제공업체가 운영하며 Archify를 대표하지 않습니다. 서비스 세부 정보 →
아이디어, 질문 또는 계획에서 시작하세요. AI 에이전트에게 설명하면 Archify가 탐색하고, 커스터마이즈하고, 공유할 수 있는 인터랙티브 HTML로 바꿔줍니다. 여행 일정과 학습 맵부터 복잡한 시스템까지—나만의 것으로 만들어보세요.
커뮤니티가 무엇을 만들고 있는지 확인하고, 다음에 무엇을 만들 수 있을지 상상해보세요.
라이브 데모 ·
시작하기 ·
시나리오 가이드 ·
커뮤니티 ·
简体中文 ·
日本語 ·
한국어
❤️ 파트너 & 스폰서: Kimi Work · Supercode · OpenLux
Archify가 실제로 작동하는 모습 보기
archify-launch-en-v4.mp4
한 문장이면. 당신의 레포가 매핑됩니다. 35초 데모를 보세요: 다이어그램을 탐색하고, 소스 링크를 따라가고, 경로를 추적하세요. 인터랙티브 예제 체험하기 ↗
설치하고, 아이디어를 설명하세요
Cursor, Claude Code, Codex CLI, OpenCode와 함께 작동합니다. 추가 통합은 아래 설치 옵션을 참고하세요.
npx skills add tt-a1i/archify -g
에이전트에게 다음을 보내세요:
Use Archify to diagram a web request: Browser calls the API,
the API checks Redis, and a cache miss queries PostgreSQL and fills the cache.
그런 다음 계속하세요: "인증 추가", "캐시 미스 경로 강조", 또는 "라이트 테마로 전환".
레포지토리는 필요 없습니다: 설명으로 시작하거나, 에이전트에게 레포지토리를 읽고 소스 기반 아키텍처 다이어그램을 만들도록 요청하세요.
에이전트 선택 · 설치 세부 정보 및 업데이트 확인 · 에이전트로 다이어그램 생성 및 확인
질문을 하면, 한 페이지짜리 답을 받습니다
모든 답이 하나의 다이어그램은 아닙니다. 에이전트에게 페이지로 답하도록 요청하면 Archify가 설명서를 만듭니다: 결론이 먼저, 그다음 질문마다 하나의 패널, 표, 단계, 차트, 코드, 검증된 다이어그램과 함께.
결론 먼저. 답과 그 이유가 앞서고, 모든 패널은 하나의 질문을 다룹니다.
설명하는 다이어그램. 단계는 함께 살펴보는 다이어그램 옆에 놓이고, 읽는 동안 해당 부분을 밝힙니다. 아무 노드나 클릭하면 전체 인터랙티브 뷰가 열립니다.
확인하기 쉬움. 주장은 번호가 매겨진 출처를 인용하고, 레포지토리 발췌는 커밋에 고정되어 소스 카드에서 열립니다.
공유하기 쉬움. 네 가지 스타일과 라이트/다크 테마를 갖춘 하나의 HTML 파일. PNG, WebP, JPG 롱 이미지로 내보내거나 PDF로 인쇄하세요. 어떤 패널이든 질문하면 에이전트가 그 패널만 수정하는 데 사용할 수 있는 후속 답변을 받습니다.
Use Archify to answer as one page: our API's P99 went from 80 ms to 600 ms
while the mean barely moved. What is the likely cause, and how should we investigate?
라이브 예제: 첫 HTTPS 방문 · P99 지연 (중국어) · Archify finalize가 마지막 정상 파일을 유지하는 방법, 이 레포지토리에서 읽기 (중국어) · 첫 임대 체크리스트 (중국어)
❤️ 스폰서
Archify × Kimi Work. Kimi Work 플러그인 스토어에서 Interactive Architecture Diagram으로 Archify를 찾아보세요. 시스템을 한 문장으로 설명하면 인터랙티브 다이어그램을 만들 수 있습니다. Kimi Work에서 체험하기 →
supercode.sh
Supercode는 Archify를 후원하고 토큰 최적화, 엄선된 Skills, 스펙 기반 개발로 Codex와 Cursor를 강화합니다. Archify는 Supercode Editor's Choice 스킬로 소개됩니다.
OpenLux
이 프로젝트를 후원해 주신 OpenLux에 감사드립니다! OpenLux는 전 세계 주요 제공업체의 선도적인 AI 모델을 한데 모은 기업용 올인원 AI 플랫폼입니다. 빠르고 안정적인 서비스와 신속한 기술 지원을 통해 OpenLux는 Claude, OpenAI, Gemini 모델의 기본 가격을 각각 공식 요금의 8.82%, 4%, 8%까지 낮춰 제공합니다.
Archify 사용자 전용 혜택: 추천 링크를 통해 가입하고 크레딧 충전 시 최대 7.5% 할인을 받으세요!
OpenLux 시작하기 →
PackyCode
하나의 API 엔드포인트와 하나의 API 키로 PackyCode를 통해 선도적인 AI 모델에 접근하세요. 자동 페일오버와 Codex 및 Claude Code용 전용 고속 경로를 누리세요.
$1 무료 크레딧, 첫 충전 할인, 해당 경로에서 최대 80% 절약으로 시작하세요. 환전 수수료나 추가 충전 수수료 없이 RMB로 결제하세요.
PackyCode 시작하기 →
AICodeMirror
Archify를 후원해 주신 AICodeMirror에 감사드립니다! AICodeMirror는 Claude, Codex, Gemini용 API 릴레이 서비스를 제공하며, 엔터프라이즈급 동시성, 인보이스 발행, 24/7 기술 지원을 제공합니다. Codex 가격은 표준 요금의 7%부터 시작하며 추가 충전 할인도 제공됩니다.
Archify 사용자 전용 혜택: 추천 링크를 통해 등록하면 첫 충전 시 20% 할인을 받으세요.
AICodeMirror 체험하기 →
Infistar.cc
Archify를 후원해 주신 Infistar.cc에 감사드립니다! 하나의 API 키로 GPT, Claude, Gemini, DeepSeek, Qwen, Kling 및 기타 모델을 그룹 전환 없이 텍스트, 이미지, 비디오 생성에 사용할 수 있습니다. 모델 API 가격은 공식 요금의 1%부터 시작하며, AI 이미지는 개당 ¥0.06부터 시작합니다.
Archify 사용자 전용 혜택: 추천 링크를 통해 가입하면 $5 체험 크레딧과 첫 충전 특별 혜택을 받으세요.
Infistar 체험하기 →
EverMind · Raven EverMind는 Archify를 후원하고 에이전트용 메모리 인프라를 구축합니다. Raven 하네스는 검증된 인터랙티브 시스템 맵을 위한 Skill로 Archify를 지원합니다.
Archify를 후원하고 싶으신가요? 이메일로 문의하세요.
중요한 것을 보여주세요
에이전트 워크플로 설명하기
캐시 미스 따라가기
서비스 관계 탐색하기
한 단계의 모든 다운스트림 추적하기.
웹 앱에서 데이터베이스까지의 경로 강조하기.
작성된 백엔드와 데이터베이스 연결에 집중하기.
Proof Lab에는 체크인된 11개의 모든 시나리오, 해당 JSON 소스, 검증 영수증이 포함되어 있습니다.
실제 레포지토리 이해하기
CODE → DIAGRAM · 소스 기반 시스템 맵
Archify는 9f1a1cf에서 mco-org/mco를 추적하고 이 검증된 맵을 생성했습니다. 열기 ↗ · 도달 범위 추적 ↗ · 타입 지정 소스
확장하기 쉬움. 나만의 것으로 만드는 더 많은 방법.
커뮤니티 스토리 · 사용자가 공유한 엄선된 예제
다이어그램이 생성된 후에도 계속 만들어보세요. Archify는 오픈 소스이며 출력물은 독립형 HTML입니다. 에이전트에게 이를 각색하고, 유용한 링크를 연결하고, 나만의 워크플로를 위한 인터랙션을 추가하도록 요청하세요. 커뮤니티 창작물은 이미 팀 협업, 여행 계획, 법률 인용 검증, 계약 검토, 인시던트 회고에 걸쳐 있습니다. 이는 몇 가지 예시에 불과합니다.
한 사용자는 손으로 그린 멀티 에이전트 아키텍처로 시작해 인터랙티브 다이어그램으로 바꾼 다음, 대화를 통해 Kimi 실행 풀을 추가했습니다. 다른 사용자들은 에이전트에게 프로젝트를 읽도록 요청하고 그 결과 아키텍처를 Feishu나 DingTalk로 가져가 팀 논의에 활용했습니다.
또 다른 사용자는 상하이 CityWalk 가이드를 4일 일정으로 바꿨습니다: 날짜 간 전환, 방문지 확인, Amap, Xiaohongshu, Dianping으로 이동. 작성자는 도착 체크인과 방문지 메모도 추가해 일정을 여행 중 사용하는 작은 도구로 만들었습니다. 이러한 확장은 이 특정 아티팩트를 위해 커뮤니티 작성자가 추가한 것입니다.
▶ 인터랙티브 상하이 CityWalk 탐색하기
▶ 인터랙티브 버전 체험하기 · D1–D4 간 전환하고 장소를 클릭해 탐색하세요.
커뮤니티 아티팩트 · 상하이 CityWalk · 4일간의 경로와 장소 링크
다운로드하세요. 열어보세요. 탐색하세요.
출력물은 자체 포함된 HTML 파일입니다. 다운로드해 브라우저에서 열면 해당 아티팩트에 포함된 노드 세부 정보와 경로 탐색을 사용할 수 있습니다. 보기 위해 Archify를 설치할 필요는 없습니다. HTML을 다른 사람에게 보내면 인터랙션이 함께 전달됩니다. 외부 웹사이트와 지도 링크는 네트워크 연결이 필요합니다.
상하이 CityWalk 탐색하기 ↗ · HTML 다운로드 ↓
D1–D4 간 전환하거나, 장소 카드를 열거나, 지도 링크를 따라가 보세요. 시간과 장소 정보는 작성자의 원래 일정을 반영합니다.
커뮤니티 및 인정
GitHub Trending 주간 전체 언어 레포지토리 목록 1위. 순위 스크린샷은 2026년 9월 1일 창작자가 게시했으며, 모든 언어와 "This week"가 선택된 상태입니다.
QbitAI의 특집 및 인터뷰. 프로젝트 특집 · 개발자 스토리.
개발자 커뮤니티와 공유됨. midudev의 게시물.
공개 보도, 커뮤니티 공유, 역사적 이정표의 일부. 날짜와 출처는 링크를 참고하세요.
미리보기
테마, 내보내기, 공유 카드
같은 다이어그램, 두 가지 테마, 클릭 한 번으로 전환:
다크
라이트
Export 메뉴는 PNG를 클립보드에 복사하고 정적 또는 모션 형식을 다운로드합니다:
경로를 추적한 후 Export → Route Share Card는 해당 작성된 경로를 전체 다이어그램을 컨텍스트로 유지한 채 1200×630 PNG로 다운로드합니다.
작성된 Upstream 또는 Downstream 도달 범위를 추적한 후 Export → Reach Share Card는 런타임 영향을 주장하지 않고 그 정확한 읽기를 캡처합니다.
전체 뷰어를 사용해 보려면 examples/web-app.html을 로컬에서 여세요.
빠른 시작
현재 안정 버전: v3.2.0. Changelog 참고.
1. 설치
npx skills add tt-a1i/archify -g
추가 설치 옵션 및 업데이트 확인 세부 정보
명시적이고 비대화형 Cursor 설치의 경우:
npx -y skills add tt-a1i/archify --skill archify --agent cursor --global --copy --yes
설치 없이 사용해 보려면:
npx skills use tt-a1i/archify@archify --agent codex
DSH 커뮤니티 옵트인: dsh plugin --profile web add @tt-a1i/[email protected]
에이전트 전환기는 cursor, codex, claude-code, opencode를 지원합니다.
Archify는 선택적 알림을 표시하기 위해서만 고정된 안정 매니페스트를 GET할 수 있습니다. 업데이트를 다운로드하거나 설치하지는 않습니다. 성공한 확인은 약 24시간(±20%) 대기합니다. 활성 사용 시 실패는 6시간 후, 그다음 24시간 후에 재시도합니다. 서버는 일반 HTTP 메타데이터(IP와 시간)를 보지만 버전, Agent, 프로젝트 데이터, 프롬프트, 계정/기기 ID, ETag는 받지 않습니다. 업데이트 여부와 시점은 당신이 결정합니다. 네트워킹과 알림 상태 쓰기를 비활성화하려면 ARCHIFY_UPDATE_CHECK_DISABLED=1을 설정하세요.
최신 소식 받기
릴리스 알림 받기: 이 GitHub 레포지토리 상단에서 Watch → Custom → Releases를 선택하세요. 프로젝트에 스타를 눌러도 릴리스 알림이 구독되지 않습니다.
변경 사항 확인: 릴리스 노트.
피드 리더 사용: 릴리스 피드 구독.
업데이트 확인 기능이 있는 설치본은 다이어그램 전달 중에도 최신 안정 릴리스를 확인하고 알림을 표시할 수 있습니다. 확인 기능이 없는 이전 설치본은 이 기능을 얻으려면 수동 업데이트가 필요합니다. 업그레이드 여부와 시점은 당신이 결정합니다. Archify는 업데이트를 자동으로 설치하지 않습니다.
2. 설명에서 시작하기 — 레포지토리 불필요
Use Archify to draw: Browser -> API -> Redis cache -> PostgreSQL fallback.
소스 증거를 원하면 레포지토리를 열고 다음을 요청하세요:
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.
Put supporting detail in cards instead of adding more edges.
3. 채팅에서 다듬기
add Redis, move auth to the left, 또는 highlight the rollback path 같은 집중된 요청으로 계속하세요. Archify는 타깃 반복을 위해 타입 지정 소스를 사용 가능하게 유지합니다.
올바른 다이어그램 선택하기
열 가지 다이어그램 유형, 아키텍처 비교, 예제
유형
적합한 용도
프롬프트에 포함할 내용
Architecture
컴포넌트, 서비스, 스토리지, 경계
범위, 핵심 컴포넌트, 주요 경로
Workflow
CI/CD, 승인, 도구 호출, 런북
참여자, 순서, 분기, 예외
Sequence
API 호출, 캐시 폴백, 인증, 비동기 추적
호출자, 피호출자, 반환, 타이밍
Data Flow
파이프라인, 계보, PII, 소비자
소스, 변환, 저장소, 경계
Lifecycle
상태, 재시도, 대기, 종료 결과
상태, 이벤트, 재시도 및 취소 경로
ERD
데이터베이스 스키마: 테이블, 컬럼, 키, 카디널리티
테이블, 타입이 있는 모든 컬럼, 기본/외래/고유 키, 관계 카디널리티
Class
클래스, 인터페이스, 선택된 멤버, 타입 관계
타입, 핵심 멤버, 상속 및 구현, 컴포지션, 의존성
Tree
단일 부모 계층: 레포지토리, 모듈, 역량 분류
루트, 레벨, 각 브랜치가 포함하는 내용
Timeline
무슨 일이 언제 일어났는지: 인시던트 회고, 릴리스 이력
시간대가 있는 타임스탬프, 이벤트, 소스 레인, 시간이 관측된 것인지 예시인지 여부
Waterfall
…이 있는 곳
No comments yet.
to comment.