트렌딩 목록으로
JavaScript

tt-a1i / archify

모든 에이전트 스킬: 다크/라이트 테마 전환과 PNG/JPEG/WebP/SVG 내보내기가 가능한 아름다운 아키텍처 다이어그램 생성

5.0K
431
약 11시간 전
GitHub에서 보기

이 프로젝트에 대해

tt-a1i 님의 archify 프로젝트는 GitHub에서 5.0K개의 별을 받으며 많은 개발자들의 주목을 받고 있습니다. 특히 JavaScript 환경에서 유용하게 활용될 수 있으며, 최근 오픈소스 커뮤니티에서 활발한 기여와 토론이 이루어지고 있는 트렌딩 레포지토리입니다.

Language Breakdown

JavaScript 79%HTML 20%Mermaid 1%Shell 0%

🇰🇷 한국어 번역 README

AI 실시간 번역

영어 · 简体中文

Archify

채팅에서 아름다운 아키텍처, 기술 워크플로우, 시퀀스, 데이터 흐름 및 라이프사이클 다이어그램을 생성하세요. 다크/라이트 모드 전환 가능. 클립보드로 복사하거나 최대 4× 해상도의 PNG / JPEG / WebP / SVG로 내보내기 가능.

Archify는 Claude, Codex CLI 및 opencode용 에이전트 스킬입니다. 시스템이나 프로세스에 대한 일반 영어 설명을 세련되고 독립적인 기술 다이어그램으로 변환합니다 — 단일 HTML 파일로 열 수 있으며, 테마를 전환하고, 클립보드에 복사하거나 최대 해상도로 내보낼 수 있습니다.

  • 디자인 기술 불필요 — 아키텍처를 영어로 설명하면 다이어그램 생성
  • 워크플로우, 시퀀스, 데이터 흐름, 라이프사이클 다이어그램 지원 — 기술 플로우, 승인, 툴 호출, CI/CD, 런북, 요청 호출 체인, 데이터 파이프라인, PII 경계 및 상태 머신 그리기 가능
  • 내장 테마 전환 — 다크와 라이트를 한 번에 전환, 세션 간 유지
  • PNG 클립보드 복사 — 한 번의 클릭으로 Slack / Notion / GitHub에 바로 붙여넣기 가능
  • 초고해상도 이미지 내보내기 — 최대 4× 원본 해상도로 PNG / JPEG / WebP를 네이티브 렌더링(업샘플링 블러 없음), 또는 진정한 벡터용 SVG
  • SVG 시스템 다크/라이트 모드 따름 — 내보낸 SVG는 두 가지 변수 세트와 @media (prefers-color-scheme)를 포함하므로 GitHub README에 넣으면 사용자의 색상 설정을 따름(더 이상 두 개의 PNG 필요 없음)
  • 검증 루프 내장 — 렌더러 지원 다이어그램은 JSON 스키마 검증, 레이아웃 검사, HTML/SVG 아티팩트 검사를 거침

🌐 본 텍스트는 빠른 이해를 돕기 위한 요약 번역본입니다. 정확한 기술 정보 및 전체 코드는 GitHub 원문에서 확인하실 수 있습니다.

이 정보는 AI가 자동으로 분석한 결과입니다. 정확한 내용은 원문을 확인하세요.

tt-a1i/archify GitHub 원문 바로가기 →