Archify로 아키텍처 그림을 손으로 그리지 않습니다 — 오늘 스킬 설치 후 HTML 맵부터 여십시오 | DAKER 커뮤니티

채널 TechyTacos가 GitHub에서 뜨고 있는 에이전트 스킬 Archify(영상·저장소 표기 ArchifAI/Archify)로 아키텍처 다이어그램을 만드는 방법을 약 7분 만에 보여 줍니다. MCP 서버나 별도 다이어그램 툴 없이, 평문 요구사항(또는 코드베이스)을 넣어 다듬어진 인터랙티브 HTML 시스템 맵을 받는 흐름입니다.

설명용 생성 이미지입니다.

영상 보기: https://www.youtube.com/watch?v=YZPXdO2zT3w

Archify가 하는 일

• 코드베이스를 읽거나, 코드가 없어도 영어 등 평문 설명만으로 아키텍처 다이어그램을 생성한다고 소개합니다.
• 결과물은 단계 사이를 넘나들 수 있는 인터랙티브 맵이고, Cursor·Claude Code·Codex·GitHub Copilot 등 스킬 폴더를 지원하는 에이전트에서 쓸 수 있다고 말합니다.
• 공식 저장소: https://github.com/tt-a1i/archify (영상 기준 Repository of the Day 등 트렌딩 태그 언급).

설치·호출 (영상 데모)

• 저장소에 안내된 설치 명령을 터미널에 붙여 넣으면 로컬에 스킬이 깔립니다. 기본 위치는 .agents/skills 쪽이라고 설명합니다.
• Claude Code만 쓸 때는 .claude/skills에 스킬이 있어야 검색되므로, 자동 설치가 안 되면 .agents/skills/archify를 복사해 넣는 우회를 보여 줍니다.
• 설치 후 채팅에서 Archify/ArchifAI를 검색해 스킬을 호출합니다.

첫 다이어그램과 UI

• 데모 프롬프트 예: “LLM이 내부적으로 어떻게 동작하는지 아키텍처 다이어그램을 만들어 줘.” 약 4분 뒤 HTML이 생성되고, 탐색기에서 열어 확인합니다.
• 상단: 테마(라이트/다크), 스타일(single flow·classic·blueprint·editorial 등), 프레젠테이션 모드,보내기 형식.
• 하단·부가: 줌, path(시작 노드→목적지 하이라이트), map 포커스, lens(legend로 backend·database·external 등 강조), 특정 박스를 고르면 관련 화살표만 남기고 나머지는 흐리게.
• 갤러리·챕터 재생, “choose the right diagram” 레시피로 상황 설명 → 추천 프롬프트를 복사해 에이전트에 다시 넣는 방법도 안내합니다.
• 저장소 기준 다이어그램 종류로 architecture·workflow·sequence·data lifecycle 등을 언급합니다(영상에서 다섯 종류라고 말함).

오늘 할 일: Archify 스킬을 에이전트 폴더에 한 번 설치한 뒤, 데모용으로 짧은 평문 프롬프트 하나만 넣어 HTML 맵을 열어 보십시오. 손그림·MCP 없이 발표용 시스템 맵을 뽑는 경로인지 바로 확인할 수 있습니다.

출처

• 제목: How to Create Architecture Diagrams with GitHub's Top Trending Agent Skill (Archify) !
• 채널: TechyTacos (@TechyTacos)
• 유튜브: https://www.youtube.com/watch?v=YZPXdO2zT3w