Paker-kk/Flovart-cc
요약
Flovart는 사용자가 직접 API 키를 제공하여 다양한 모델을 연결할 수 있는 오픈 소스 기반의 무한 캔버스 창작 도구입니다. 노드 방식의 복잡함에서 벗어나 직관적인 프론트엔드와 CLI 조작, 그리고 OpenAI 호환 엔드포인트를 통한 자유로운 모델 선택권을 제공합니다.
핵심 포인트
- 사용자 정의 API 키를 통한 다양한 AI 모델(Gemini, OpenAI 등) 연결 지원
- 무한 캔버스 기반의 직관적인 인터랙션과 표현식 애니메이션 제공
- OpenAI 호환 엔드포인트를 지원하여 기업 내부망 및 제3자 서비스 적응 가능
- CLI 조작 및 브라우저 확장 프로그램(Chrome/Edge) 출시 예정
오픈 소스 버전 Lovart — 자체 Key 제공, 모든 모델 연결, 무한 캔버스에서의 창작
Flovart는 한 사용자가 제 프로젝트의 원래 이름을 잘못 기억한 데서 유래되었습니다. 저는 이 이름이 마음에 들어 그대로 유지하기로 했습니다. 이 'F'는 Future Lovart로 이해할 수도 있고, Fxxk Lovart로 이해할 수도 있는데, 이는 Lovart에 대한 당신의 태도에 달려 있습니다. 저는 더 자유로운 모델 선택권을 원하며, 노드 방식의 워크플로우 (Node-based workflow)에 지쳤습니다. 저는 오직 더 커스텀된 Lovart를 원합니다 — 간단하고 빠른, 보기 좋은 프론트엔드 (Frontend), 편안한 인터랙션 (Interaction)과 표현식 애니메이션 (Expression animation), 무한 캔버스, 그리고 @를 사용하여 레이어 위의 요소를 선택하는 방식입니다. 또한 CLI 조작을 지원하여 저의 CC, OC, Codex 등을 사용하여 캔버스 위의 각 노드를 자유롭게 조작할 수 있기를 바랍니다.
만약 당신도 같은 바람이 있다면, PR (Pull Request) 제출을 환영합니다.
@labiaaaaaaaaa — 제3자 서비스 적응을 위한 핵심 수정 사항을 추진하여, Flovart가 통합 게이트웨이 및 호환 엔드포인트 (Endpoint) 시나리오에서 접속 규칙을 지속적으로 완벽하게 갖출 수 있도록 돕습니다.
세 가지 방식 중 당신에게 적합한 것을 선택하세요:
git clone https://github.com/Paker-kk/Flovart.git
cd Flovart
npm install
...
Gemini 자격 증명을 무료로 얻기 위해 Google AI Studio를 사용하는 것을 추천합니다.
Flovart는 OpenAI-compatible 제3자 엔드포인트(예: 중계 스테이션, 기업 내부망 게이트웨이) 적응을 지속적으로 추진하고 있습니다. 설정에서 **사용자 정의 프로바이더 (Custom Provider)**를 선택하여 다음과 같은 방식으로 접속할 수 있습니다:
Base URL — 엔드포인트 주소를 입력하세요 (예: https://api.example.com/v1/chat/completions, Flovart가 자동으로 /v1까지 자릅니다.)
서비스 자격 증명 (Service Credentials) — 접속 자격 증명을 입력하세요.
모델명 (Model Name) — 모델을 선택하거나 수동으로 입력하세요 (예: gemini-2.5-flash-preview-image-generation, gpt-image-1 등).
기능 선언 (Capability Declaration) — 해당 자격 증명이 지원하는 기능(이미지 / 비디오 / 텍스트)을 체크하세요. 사용자 정의 모델은 이에 따라 드롭다운 메뉴에 분류됩니다.
적응 설명: 제3자 호환 규칙은 지속적으로 반복(Iteration)되고 있습니다. 더 많은 모델 서비스가 안정적으로 접속할 수 있도록 적응 규칙과 샘플을 함께 완성해 나가는 것을 환영합니다.
지원되는 이미지 응답 형식:
- 표준
b64_json(OpenAI 네이티브 형식)data:image/...;base64,...전체 Data URL - HTTPS 원격 이미지 URL
- Chat Completions이 반환하는 Markdown 이미지 링크 (
)
git clone https://github.com/Paker-kk/Flovart.git
cd Flovart
docker-compose up -d
🔜
Chrome / Edge 스토어 출시를 준비 중입니다, Coming Soon. 현재는 개발자 모드를 통해 로드할 수 있습니다:
npm run ext:build
chrome://extensions/또는edge://extensions/열기- 「개발자 모드 (Developer mode)」 활성화
- 「압축해제된 확장 프로그램을 로드합니다 (Load unpacked)」 클릭 →
dist-extension/디렉토리 선택
| 기능 | 설명 |
|---|---|
| 무한 캔버스 (Infinite Canvas) | 확대/축소 및 이동, 브러시, 도형, 텍스트, 화살표, 레이어 관리, 스마트 정렬 |
| AI 텍스트-이미지 생성 (Text-to-Image) | 프롬프트(Prompt)를 입력하여 이미지 생성, Gemini / DALL-E / SDXL 등 지원 |
| AI 이미지 편집 | 이미지 선택 + 프롬프트 → 부분 재생성 (Inpainting), 배경 제거, 초해상도 (Super-resolution) |
| AI 이미지 확장 (Outpainting) | 방향을 선택하여 화면 내용을 자동으로 확장 |
| AI 텍스트-비디오 생성 (Text-to-Video) | Veo / Sora 텍스트 기반 비디오 생성, 다양한 종횡비 지원 |
| AI 에이전트 (AI Agent) | 다중 역할 에이전트 (Multi-Agent) 그룹 채팅 협업 (크리에이티브 디렉터, 프롬프트 엔지니어, 스타일 마스터 등), 토론 후 자동 이미지 생성 |
| 필터/색조 조정 | 밝기, 대비, 채도, 색조, 블러, 레트로 등 실시간 조절 |
| 레이어 마스크 (Layer Mask) | 비파괴적 마스킹, 브러시로 지우기/복구 |
| 일괄 생성 | 한 번에 2/4개의 시안을 생성하여 비교 및 선택 |
| 프롬프트 정교화 (Prompt Refinement) | LLM을 통한 원클릭 프롬프트 자동 최적화 |
| @ 인용 (@Mention) | 입력창에 @를 입력하여 캔버스 요소를 참조 이미지로 인용 |
| 캐릭터 고정 (Character Lock) | 캐릭터의 외형을 고정하여 후속 생성 시 일관성 유지 |
| 에셋 라이브러리 (Asset Library) | 캐릭터/장면/소품 분류 관리, 캔버스로 드래그하여 재사용 |
| 다중 프로바이더 (Multi-Provider) | Google, OpenAI, DeepSeek, MiniMax, Volcengine, Qwen 등 12개 이상의 프로바이더 지원 |
| 제3자 서비스 적응 | OpenAI 호환 (OpenAI-compatible) 중계 서버/애그리게이터 엔드포인트 지속 적응 및 호환 규칙 지속 보완 |
| 자격 증명 자동 인식 | 서비스 자격 증명(Credential) 붙여넣기 시 프로바이더 자동 인식 및 사용 가능한 모델 호출 |
| A/B 비교 | 슬라이더를 드래그하여 두 이미지 비교 |
| 중한 이중 언어 | 인터페이스 중국어 / 영어 자유 전환 |
| 라이트/다크 테마 | 라이트 모드 / 다크 모드 자동 적응 |
-
무한 캔버스 + 기초 디자인 도구
-
다중 프로바이더 BYOK (Bring Your Own Key) 시스템 (12+ 프로바이더)
-
AI 텍스트-이미지 생성 / 이미지-이미지 생성 / 텍스트-비디오 생성
-
멀티 에이전트 (Multi-Agent) 협업 그룹 채팅
-
필터/색조 조정/레이어 마스크
-
AI 부분 재생성 (Inpainting) / 이미지 확장 (Outpainting)
-
사용량 모니터링 + 키 (Key) 일괄 관리
-
브라우저 확장 프로그램 MVP
-
Docker 배포
-
제3자 API 애그리게이터 엔드포인트 완전 호환 (자동 baseUrl 절삭, /chat/completions 다운그레이드, 다중 이미지 형식 파싱)
-
SSE 스트리밍 이미지 프롬프트 역추출 + 취소
-
App.tsx 모듈화 분리 (Hooks 추출: useCanvas / useGeneration / useElements / useMask)
-
Chrome / Edge 스토어 출시
-
확장 프로그램 서비스 자격 증명 암호화 저장 + 삭제 동기화
-
ComfyUI / RunningHub 통합 (로컬 모델)
Claude Code Skill 지원— SKILL.md를 통해 Flovart 전용 스킬 팩을 정의하여, Claude Code / Copilot Agent가 직접 캔버스 이미지 생성 및 편집 워크플로우를 구동할 수 있도록 구현 - LangGraph.js 에이전트 오케스트레이션 + 커스텀 스킬 (GPTs 유사)
-
에이전트 워크플로우 시각적 오케스트레이션
-
Canvas 2D / WebGL 캔버스 마이그레이션 (Konva.js / PixiJS)
-
다중 페이지/보드 네비게이션
-
AI 숏폼 드라마 원클릭 이미지 생성 파이프라인
-
실시간 협업 (다수 사용자 편집)
-
모바일 최적화
-
플러그인 마켓
-
저장소 포크 (Fork)
-
브랜치 생성
git checkout -b feature/xxx -
변경 사항 커밋
git commit -m 'Add xxx' -
푸시 (Push)
git push origin feature/xxx -
풀 리퀘스트 (Pull Request) 제출
Flovart가 도움이 되었다면, Star ⭐를 눌러 지원해 주세요!
Flovart 공식 배포 채널은 다음과 같습니다:
GitHub 저장소: github.com/Paker-kk/Flovart-cc
데스크톱 버전 빌드: 본 저장소의 Actions에서 발행된 EXE / DMG / deb / AppImage
위 주소 외의 모든 제3자 공개 배포, 미러 사이트, 호스팅 서비스, 개조 서비스, 통합 패키지, 클라우드 디스크 배포는 비공식 행위이며 저자와 무관합니다.
비공식 사이트에서 API Key 또는 기타 민감한 정보를 입력하지 마십시오. 제3자 배포 서비스는 귀하의 자격 증명을 수집, 저장 또는 변조할 수 있으며, 저자는 이러한 행위에 대해 책임을 지지 않습니다.
Flovart는 로컬 우선(Local-first) AI 창작 도구로, 사용자가 직접 구성한 제3자 API Key를 통해 모델 서비스를 호출합니다. 귀하가 본 도구를 사용하여 생성하는 모든 이미지, 비디오, 텍스트 콘텐츠는 귀하가 제어하는 API Key와 모델에 의해 생성됩니다. 귀하는 생성된 콘텐츠의 규정 준수, 저작권 귀속, 사용의 합법성에 대해 스스로 책임을 져야 합니다.
Flovart는 어떠한 모델 서비스도 내장하고 있지 않으며, 사용자의 API Key를 저장하지 않고, 생성된 콘텐츠에 대해 어떠한 지식재산권 선언도 하지 않습니다.
- 본 소프트웨어는 "있는 그대로" 제공되며, 상품성, 특정 목적에의 적합성 또는 비침해성에 대한 보증을 포함하되 이에 국한되지 않는 어떠한 명시적 또는 묵시적 보증도 제공하지 않습니다.
- 본 소프트웨어의 사용 또는 사용 불능으로 인해 발생하는 어떠한 직접적, 간접적, 부수적, 특수 또는 결과적 손해에 대해서도 저자는 책임을 지지 않습니다.
- 제3자 API 제공업체의 가격 책정, 가용성, 출력 품질, 콘텐츠 심사, 데이터 보관 정책은 각 제공업체가 책임을 지며, 본 프로젝트와는 무관합니다.
- 수정 버전, 비공식 빌드, 제3자 포크 (fork) 행위는 본 선언의 범위에 포함되지 않습니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 GitHub Codex tools의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기