DayuanJiang/next-ai-draw-io

A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.

해결하는 문제

Next AI Draw.io는 수동 드래그 앤 드롭 그리기를 자연어 명령으로 대체하여 복잡한 다이어그램의 생성과 수정을 간소화합니다. 특히 기술 아키텍처에서 도형과 커넥터를 수동으로 배치하는 지루한 과정을 없애고, 사용자가 시각화하려는 내용을 설명하기만 하면 됩니다.

작동 방식

이 애플리케이션은 Next.js와 Vercel AI SDK로 구축되어 다양한 LLM과 연동됩니다. 사용자 프롬프트를 draw.io가 요구하는 특정 XML 형식으로 변환합니다. 또한 이미지, PDF, 텍스트 파일을 수집하여 다이어그램 생성을 위한 콘텐츠를 추출할 수 있습니다. 고급 사용자를 위해 MCP(Model Context Protocol) 서버를 제공하여 Claude Desktop이나 Cursor와 같은 AI 에이전트가 브라우저에서 직접 다이어그램을 생성할 수 있게 합니다.

대상 사용자

클라우드 아키텍처 다이어그램(AWS, GCP, Azure), 플로차트, 시스템 시각화를 수동 그리기 없이 빠르게 만들어야 하는 소프트웨어 아키텍트, 개발자, 기술 문서 작성자를 위해 설계되었습니다.

주요 기능

  • LLM 기반 편집: 채팅 인터페이스를 사용하여 다이어그램 생성 및 개선.
  • 이미지-투-다이어그램: 업로드된 이미지에서 기존 다이어그램 복제 및 향상.
  • 문서 수집: 업로드된 PDF 또는 텍스트 파일에서 직접 시각화 생성.
  • MCP 서버 통합: AI 에이전트가 Model Context Protocol을 통해 다이어그램 생성 가능.
  • 클라우드 아키텍처 지원: AWS, Azure, GCP용 특화 라이브러리.
  • 애니메이션 커넥터: 흐름 시각화를 개선하는 동적 커넥터 지원.
  • 버전 관리: 다이어그램 기록을 추적하여 이전 버전 복원 가능.

관련

  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트