Vrun-design/openflowkit

해결하는 문제

OpenFlowKit은 개발자를 위한 오픈소스 다이어그램 스튜디오입니다. 자유로운 화이트보드, Mermaid.js와 같은 코드 중심 도구, 클라우드에 종속된 기업용 소프트웨어 사이의 트레이드오프를 제거하고, 양방향 다이어그램-코드 및 AI 기반 생성을 지원하는 로컬 우선의 시각적 캔버스를 제공합니다.

작동 방식

사용자는 시각적 에디터를 통해 다이어그램을 만들거나, Mermaid 구문을 붙여넣거나, AI 프롬프트를 사용할 수 있습니다. 도구는 세미틱 분류기와 아이콘 매칭 기능을 사용해 노드 레이블에 기반하여 1,600개 이상의 자산(AWS, Azure, GCP, CNCF)에서 브랜드 아이콘을 자동으로 할당합니다. 시각적 캔버스와 사용자 정의 DSL 사이에 양방향 동기화 기능이 있어, 어느 쪽에서든 변경 사항이 다른 쪽에 즉시 반영됩니다. AI 생성 기능은 브라우저를 통해 10개의 다양한 제공자(로컬 Ollama 포함)에 직접 연결되어 API 키가 사용자 기기 내부에만 유지됩니다.

대상 사용자

클라우드 계정이나 전용 포맷에 의존하지 않고 기술 시스템, 클라우드 아키텍처, 워크플로우를 문서화해야 하는 소프트웨어 엔지니어, 아키텍트, 개발자에게 적합합니다.

주요 기능

• AI 기반 생성: 10개의 제공자(로컬 Ollama를 포함한 완전 오프라인 AI 포함)를 사용해 일반 영어, 소스 코드, 스크린샷에서 다이어그램을 생성합니다.
• 양방향 다이어그램-코드: 시각적 캔버스와 Mermaid 호환 DSL 간 실시간 동기화.
• 자동 아이콘 할당: 기술 이름을 자동으로 감지하고 1,600개 이상의 자산에서 올바른 브랜드 아이콘을 할당합니다.
• 시네마틱 MP4 내보내기: WebCodecs를 사용한 하드웨어 가속, 브라우저 기반의 애니메이션 다이어그램 워크스루 내보내기.
• MCP 서버: Claude, Cursor, Windsurf과 같은 AI 어시스턴트가 다이어그램 작업을 직접 제어할 수 있는 Model Context Protocol 서버.
• 로컬 우선: 서버 측 저장소 없음; 데이터는 브라우저의 IndexedDB에 저장됩니다.