bugkeep/ai-draw

개요

Draw Agent Studio (저장소: bugkeep/ai-draw)는 채팅으로 제어하는 드로잉 도구입니다. 메뉴를 클릭하는 대신 원하는 것을 입력하기만 하면 됩니다. "해변의 등대를 그려줘"라고 입력하면 앱이 그림을 만들거나 편집합니다.

주요 기능

• 설명 — 텍스트를 스케치, 일러스트, 플로차트로 변환합니다.
• 수정 — 대화로 변경합니다: 객체 이동, 색상 변경, 삭제, 실행 취소, 다시 실행.
• 손으로 그리기 — 캔버스에서 직접 선택, 드래그, 펜 사용, 텍스트 입력도 가능합니다.
• 저장 및 내보내기 — 캔버스는 자동 저장됩니다. PNG, JPG, WebP, SVG 또는 편집 가능한 Excalidraw 파일로 내보낼 수 있습니다.

작동 방식

앱을 로컬에서 실행하고, 브라우저에서 열고, AI 모델을 연결합니다(아래 참조). 그런 다음 모델과 채팅하여 그리고 편집합니다. 데모에서는 대화를 통해 해변의 등대와 연구 플로차트를 만들고, 손으로 마무리한 해바라기 스케치를 보여줍니다.

요구 사항

• Python 3.11+ 및 Node.js 20.19+
• Windows에서는 Chrome도 설치해야 합니다.

설정

• Windows: install.bat을 더블 클릭한 다음 start.bat을 실행하고 http://127.0.0.1:8000을 엽니다.
• macOS / Linux: Python 종속성을 설치하고, npm으로 프론트엔드를 빌드하고, Playwright로 Chromium을 설치한 다음 python run.py를 실행합니다. 이후 실행은 python run.py를 다시 실행하기만 하면 됩니다.

모델 연결

앱을 열고 오른쪽 상단의 설정을 클릭한 다음:

1. 공급자를 선택하고 모델 이름, API URL, API 키를 입력합니다.
2. 이미지 입력 및 도구 호출을 지원하는 모델을 사용하고 연결 테스트를 클릭합니다.
3. 테스트가 통과하면 저장하고 캔버스로 돌아갑니다.

지원되는 공급자에는 OpenAI, Claude, Gemini, Ark 또는 로컬 또는 사용자 정의 호환 엔드포인트가 포함됩니다. API 사용량은 공급자가 청구합니다.

예시 프롬프트

• "데이터 준비, 검색 및 생성, 평가 및 출력으로 그룹화된 다중 모달 RAG 연구 플로차트를 그려주세요."
• "평가 섹션에 품질 검사와 피드백 루프를 추가하세요."
• "달빛 아래 해변의 등대를 작은 돛단배와 별과 함께 그려주세요."
• "바다를 더 깊은 청록색으로 만들고 등대 불빛을 밝게 하세요."

커뮤니티

그림 공유, 아이디어 제안, 문제 보고는 프로젝트의 Issues 페이지에서 할 수 있습니다. 이 프로젝트는 MIT 라이선스입니다.