트렌딩 목록으로
TypeScript
agent-skillsaiai-agentsai-skills

IdraDev / Diagrammer

📐 LLM이 작성한 다이어그램을 위한 최소한의 뷰어. 로컬 우선, 스키마 중심, 계정 없음, 클라우드 없음.

이 프로젝트에 대해

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

Language Breakdown

TypeScript 92%CSS 3%PowerShell 2%HTML 2%Shell 2%JavaScript 0%

🇰🇷 한국어 번역 README

AI 실시간 번역

Diagrammer

모델에게 지시하면, 다이어그램을 가져옵니다

왜 • 맵 유형 • 설치 • 기술 • 스키마 • ER


LLM 작성 다이어그램을 위한 로컬 우선, 스키마 기반 뷰어입니다. 모델에게 작성 기술을 제공하면 JSON 문서를 반환하고, 뷰어는 이를 팬 가능하고 확대/축소 가능한 캔버스에 렌더링합니다 — 마인드맵, 트리, 플로우차트, 그래프, ER 다이어그램, 개념 지도 또는 타임라인 유형별로 자동 레이아웃됩니다. 계정 필요 없음. 클라우드 필요 없음. 직접 픽셀 이동 필요 없음.

마인드맵이나 기술 다이어그램을 단순히 보기만 할 수 있는 완전히 오픈 소스, 공급업체 의존 없는 방법을 본 적이 없습니다. 모든 옵션이 저를 SaaS 계정, 전용 파일 형식, 유료 내보내기 또는 다른 사람의 DSL 방언으로 끌어들였습니다. 그래서 Diagrammer: 작은 JSON 스키마 하나, 브라우저에서 실행되는 정적 뷰어, 백엔드 필요 없음, 가입 불필요, 의존 없음. 데이터는 데이터 그대로 — 붙여넣기, 드롭, 내보내기, dist/ 폴더에 전체 호스팅 가능.

맵 유형

type으로 선택. 레이아웃은 자동입니다.

🧠 마인드맵

하나의 중심 주제에서 브랜치가 방사형으로 뻗어 나갑니다. 브레인스토밍, 개요, 아이디어 분류.

🌳 트리

엄격한 계층 구조. 조직도, 파일 트리, 자식당 하나의 부모를 가진 분류.

🔀 플로우차트

결정 다이아몬드를 가진 유향 프로세스. 파이프라인, 상태 머신, 실행 매뉴얼.

🕸️ 그래프

임의의 네트워크: 의존성, 인용, ER 다이어그램, 지식 그래프.

💡 개념

레이블이 붙은 종종 양방향 링크와 함께 개념 지도. 계층보다는 아이디어 강화.

📅 타임라인


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

🔗 유사한 프로젝트

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

IdraDev/Diagrammer GitHub 원문 바로가기 →