카테고리: 디자인
아키파이 (인터랙티브 다이어그램)
아이디어, 계획, 코드베이스를 다크·라이트 테마와 애니메이션이 있는 인터랙티브 다이어그램 HTML로 만드는 스킬입니다.
할 수 있는 일
- 아키텍처, 워크플로, 시퀀스, 데이터 흐름, ERD, 클래스, 타임라인 등
- 요구사항이나 Mermaid를 입력받아 검증된 다이어그램 생성
- 실제 저장소 코드를 근거로 한 다이어그램 작성
- 이미지, SVG, WebM 영상으로 내보내기
이런 때 쓰세요
시스템 구조나 API 호출 흐름을 문서나 발표에서 보기 좋게 설명하고 싶을 때 좋습니다.
설치 방법
- 터미널에서 아래 명령을 실행합니다. 사용하는 에이전트(Claude Code, Codex, Cursor, Gemini CLI, Copilot 등)를 고르면 맞는 폴더에 설치됩니다.
npx skills add https://github.com/tt-a1i/archify --skill archify
- 직접 설치하려면 GitHub 저장소에서
archify스킬 폴더를 내려받아~/.claude/skills/나.cursor/skills/같은 에이전트의 skills 폴더에 복사합니다. - 에이전트에게 관련 작업을 요청하면 스킬이 자동으로 사용됩니다.