next-ai-draw-io

Next AI Draw.io는 AI 기능을 draw.io 다이어그램과 통합한 Next.js 웹 애플리케이션입니다. 사용자는 자연어 명령어와 AI 지원 시각화를 통해 다이어그램을 만들고 수정하며 개선할 수 있습니다. README에 설명된 주요 기능: - 자연어를 통한 LLM 기반 다이어그램 생성 및 조작 - 이미지 기반 다이어그램 복제: 기존 다이어그램이나 이미지를 업로드하여 AI가 복제하고 개선 - PDF 및 텍스트 파일 업로드를 통한 콘텐츠 추출 및 다이어그램 생성 - 지원 모델(OpanAI o1/o3, Gemini, Claude 등)에 대한 AI 추론 표시 - 버전 추적 및 이전 버전 복원이 포함된 다이어그램 히스토리 - 실시간 개선을 위한 대화형 채팅 인터페이스 - 클라우드 아키텍처 다이어그램 지원(AWS, GCP, Azure) - 다이어그램 요소 간 애니메이션 커넥터 통합 및 배포: - Claude Desktop, Cursor, VS Code와 함께 사용할 수 있는 MCP 서버; Claude Code CLI를 통해 설치 가능 - Releases 페이지에서 Windows, macOS, Linux용 데스크톱 애플리케이션 - Docker 가이드, EdgeOne Pages, Vercel, Cloudflare Workers용 배포 옵션 - git clone, npm install, env.example을 .env.local로 복사 후 npm run dev 명령으로 포트 6002에서 로컬 설정 제공업체 지원: AWS Bedrock(기본값), OpenAI, Anthropic, Google AI, Google Vertex AI, Azure OpenAI, Ollama, OpenRouter, AIHubMix, DeepSeek, SiliconFlow, ModelScope, SGLang, Vercel AI Gateway, ByteDance Doubao, Atlas Cloud. AWS Bedrock와 OpenRouter를 제외한 모든 제공업체는 커스텀 엔드포인트를 지원합니다. 관리자는 AI_MODELS_CONFIG 또는 ai-models.json을 통해 서버측 모델을 구성할 수 있으며, ADMIN_PASSWORD로 보호되는 /admin 관리자 패널에서 모델, 액세스 코드, 기능, 관찰 가능성, 할당량을 관리합니다. 기술적으로 이 앱은 프론트엔드 및 라우팅에 Next.js를, 스트리밍 응답 및 다중 제공업체 지원에 Vercel AI SDK(ai 및 @ai-sdk/*)를, 다이어그램 표현에 react-drawio를 사용합니다. 다이어그램은 AI가 생성하거나 수정하는 draw.io XML로 표현됩니다. README는 엄격한 포맷 제약이 있는 장문 출력에 강력한 모델이 필요하다고 언급하며 Claude Sonnet 4.5, GPT-5.1, Gemini 3 Pro, DeepSeek V3.2/R1을 권장합니다. Claude 시리즈는 클라우드 아키텍처 로고와 함께 draw.io 다이어그램으로 훈련되었을 가능성이 있다고 언급합니다. 라이브 데모가 제공되며, 사용자는 브라우저에 lokal로 저장되는 자체 API 키를 제공하여 데모 사용 제한을 우회할 수 있습니다. 이 프로젝트는 Apache 2.0 라이선스에 따라 라이선스됩니다.