Archify 아키텍처 다이어그램 생성기

무엇을 해주나

• 아키텍처, 워크플로, 시퀀스, 데이터플로, 라이프사이클(상태) 등 5가지 타입의 다이어그램을 JSON 스펙으로 작성한 뒤 단독 실행 가능한 HTML(인라인 SVG)로 출력합니다.
• 다크/라이트 테마, 선택적 트레이스 애니메이션, PNG/JPEG/WebP/SVG/WebM 내보내기를 지원합니다.
• finalize 한 번으로 스키마 검증 → 산출물 점검 → 엄격 체크 → 실제 브라우저 검사까지 게이트를 통과시키고, 실패 시 어느 단계에서 깨졌는지 알려줍니다.
• Mermaid의 flowchart/sequenceDiagram/stateDiagram을 읽어 의미를 유지한 채 새로 재작성합니다.
• 실제 코드베이스를 근거로 그려야 할 때는 저장소를 추적해 증거 기반으로 다이어그램을 만듭니다.

이런 분께 추천

• 시스템 구조도나 API 호출 흐름을 문서에 깔끔하게 넣고 싶은 백엔드/인프라 엔지니어
• 손으로 그린 Mermaid를 보기 좋은 산출물로 바꾸고 싶은 테크 라이터·PM
• 승인 프로세스, 주문 상태 흐름처럼 업무용 절차도가 필요한 비개발 직군

활용 예시

1. "우리 서비스의 캐시 미스 요청 경로를 시퀀스 다이어그램으로 그려줘" → sequence 타입으로 작성 후 검증된 HTML 산출.
2. 기존 Mermaid flowchart를 붙여넣고 "예쁘게 다시 그려줘" → workflow 또는 architecture로 재구성.
3. "휴가 신청 승인 절차를 상태 흐름으로 보여줘" → lifecycle 타입으로 대기/반려/승인 상태 전이도 생성.

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/tt-a1i/archify/HEAD/archify/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 tt-a1i/archify 의 archify 폴더를 내 ~/.claude/skills/archify/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.