DayuanJiang/next-ai-draw-io

무엇을 해결하는가

요소들을 수동으로 드래그 앤 드롭하는 대신 자연어를 사용하여 다이어그램을 생성할 수 있게 함으로써 복잡한 다이어그램의 생성 및 수정을 단순화합니다. 또한 정적 문서(PDF, 텍스트 파일)나 기존 이미지를 편집 가능한 draw.io 다이어그램으로 변환하는 문제를 해결합니다.

작동 방식

이 애플리케이션은 Next.js로 구축되었으며 Vercel AI SDK를 사용하여 다양한 LLM에 연결합니다. AI는 사용자 프롬프트를 처리하고 draw.io에서 다이어그램을 렌더링하는 데 필요한 특정 XML 형식을 생성합니다. 시각적 표현 및 다이어그램 조작을 위해 react-drawio를 통합합니다.

대상 사용자

• 아키텍트 및 엔지니어: 클라우드 아키텍처(AWS, GCP, Azure) 또는 시스템 설계를 빠르게 스케치하기 위해.
• 기술 작가: 문서를 시각적 플로우차트로 변환하기 위해.
• 개발자: 로직 흐름이나 인증 프로세스의 신속한 프로토타입을 만들기 위해.

주요 특징

• 멀티모달 입력: 텍스트 프롬프트, 업로드된 이미지, 또는 PDF/텍스트 문서로부터 다이어그램을 생성합니다.
• MCP 서버 지원: Model Context Protocol을 통해 Claude Desktop, Cursor, VS Code와 같은 AI 에이전트와 통합됩니다.
• 광범위한 프로바이더 지원: OpenAI, Anthropic, Google, DeepSeek, Ollama를 포함한 다양한 LLM과 호환됩니다.
• 고급 시각화: 애니메이션 커넥터를 지원하며 지원되는 모델의 경우 AI의 추론 과정을 표시합니다.
• 버전 관리: 이전 버전을 추적하고 복구할 수 있는 다이어그램 히스토리 기능을 포함합니다.