graphic.so 는 OpenAI, Claude, Flux, lumalabs, stable-diffusion 등과 같은 노드를 결합하여 사용자가 텍스트, 이미지, 비디오 및 오디오 AI 워크플로우를 손쉽게 연결할 수 있도록 하는 노코드 자동화 플랫폼입니다.
graphic.so는 채팅 인터페이스와 입력 트리거를 활용하여 Discord, Slack, Notion과 같은 다른 애플리케이션과 원활하게 통합되는 워크플로를 시작합니다. 지정된 입력이 수신되거나 채팅 상호 작용이 발생하면 graphic.so는 연결된 서비스에서 지정된 작업을 활성화하여 실시간 응답을 촉진하고 작업을 효율적으로 자동화합니다. 또한 Flux, LumaLabs 및 Stable Diffusion과 같은 고급 AI 모델을 사용하여 생성 이미지와 비디오를 생성하고 다양한 미디어 애플리케이션에서 창의적인 프로세스를 자동화합니다.
트리거 정의 : Google 드라이브를 트리거로 구성합니다. 워크플로를 시작해야 하는 Google Drive 내의 이벤트를 지정합니다.
작업 구성 : 트리거 이벤트가 발생하면 Discord, Slack 또는 Notion에서 실행해야 하는 작업을 선택하고 설정합니다.
테스트 및 배포 : 워크플로를 철저하게 테스트하여 의도한 대로 작동하는지 확인합니다. 확인되면 추가 수동 개입 없이 작업을 자동화하도록 배포하세요.
완성 | 유형 | 상태 | 설명 |
---|---|---|---|
일체 포함 | 액션/트리거 | 활동적인 | AI의 강력한 기능을 사용하여 요약, 응답, 생성 등을 수행하세요. |
채팅 | 행동 | 활동적인 | 워크플로와 상호 작용할 수 있는 공유 가능한 채팅 인터페이스입니다. |
느슨하게 | 행동 | 활동적인 | Slack에 알림을 보냅니다. |
개념 | 행동 | 활동적인 | Notion에서 직접 항목을 생성하세요. |
불화 | 행동 | 활동적인 | Discord 서버에 메시지를 게시하세요. |
플럭스 개발 | 행동 | 활동적인 | 플럭스 모델을 생성하고 테스트하기 위한 개발 도구입니다. |
이미지 대 이미지 | 행동 | 활동적인 | AI 모델을 사용하여 한 이미지를 다른 이미지로 변환합니다. |
플럭스 LoRA | 행동 | 활동적인 | 미세 조정 플럭스 모델을 위한 낮은 순위 적응. |
기차 플럭스 | 행동 | 활동적인 | 맞춤형 데이터 세트로 플럭스 모델을 훈련합니다. |
안정적인 비디오 | 행동 | 활동적인 | AI 기술을 활용하여 안정적인 영상을 생성합니다. |
자동 자막 | 행동 | 활동적인 | AI 모델을 사용하여 비디오 캡션을 생성합니다. |
슬픈 말을 하는 사람 | 행동 | 활동적인 | AI 모델을 사용하여 이미지와 오디오 파일로 비디오를 생성합니다. |
음악세대 | 행동 | 활동적인 | Meta Music-Gen 모델을 사용하여 음악을 생성합니다. |
CogVideoX-5B | 행동 | 활동적인 | 오픈 소스 CogVideoX-5B 모델을 사용하여 비디오를 생성합니다. |
비디오-비디오 | 행동 | 활동적인 | AI 모델을 사용하여 한 비디오를 다른 비디오로 변환합니다. |
Luma 연구소 ImageToVideo | 행동 | 활동적인 | Luma Labs 모델을 사용하여 이미지를 비디오로 변환합니다. |
Luma 연구소 TextToVideo | 행동 | 활동적인 | Luma Labs 모델을 사용하여 텍스트를 비디오로 변환합니다. |
일관된 성격 | 행동 | 활동적인 | 다양한 포즈로 주어진 캐릭터의 이미지를 만듭니다. |
드림셰이퍼 | 행동 | 활동적인 | DreamShaper V6을 사용하여 입력 이미지에서 새 이미지를 생성합니다. |
플럭스 일반 | 행동 | 활동적인 | 차세대 텍스트-이미지 모델인 FLUX.1 [dev]을 사용하여 안정적인 이미지를 생성하세요. |
플럭스 개발 LoRA | 행동 | 활동적인 | FLUX.1-Dev 다중 LoRA 탐색기. |
문자-음성 | 행동 | 활동적인 | 텍스트를 오디오로 변환할 수 있는 Elevenlabs의 텍스트-비디오 모델입니다. |
구글캘린더 | 행동 | 활동적인 | 캘린더 초대장을 만드세요. |
맞춤 웹훅 | 행동 | 활동적인 | API 키가 있는 모든 앱을 연결하고 애플리케이션에 데이터를 보냅니다. |
방아쇠 | 방아쇠 | 활동적인 | 워크플로를 시작하는 이벤트입니다. |
이메일 | 행동 | 활동적인 | 사용자에게 이메일을 보냅니다. |
기다리다 | 행동 | 활동적인 | 대기 타이머를 사용하여 다음 작업 단계를 지연합니다. |
상태 | 행동 | 활동적인 | 다양한 조건의 레인을 생성하는 부울 연산자입니다. |
구글 드라이브 | 행동 | 활동적인 | Google 드라이브에 연결하여 작업을 실행하거나 파일 및 폴더를 생성하세요. |
이 프로젝트는 Next.js, React, Tailwind CSS, 다음과 같은 다양한 AI 및 자동화 라이브러리를 포함한 다양한 기술을 활용합니다.
AI 및 자동화 라이브러리
@agentic/ai-sdk
@agentic/bing
@agentic/firecrawl
@ai-sdk/anthropic
@ai-sdk/openai
@assistant-ui/react
@assistant-ui/react-ai-sdk
@browserbasehq/sdk
@fal-ai/serverless-client
@notionhq/client
lumaai
replicate
elevenlabs
UI 및 구성 요소
@radix-ui
(React-Accordion, React-Dialog 등과 같은 여러 구성 요소)@xyflow/react
@uploadcare/react-uploader
여러 가지 잡다한
axios
clsx
googleapis
react-hook-form
zustand
스타일링
tailwindcss-animate
(Tailwind CSS용 애니메이션 확장)유용
nanoid
uuid
이 광범위한 기술 스택은 강력하고 반응성이 뛰어나며 확장 가능한 애플리케이션을 보장하여 최신 웹 기술 및 통합의 효율적인 사용을 통해 사용자 참여를 향상시킵니다.
graphic.so를 로컬로 설정하고 실행하려면 다음 세부 단계를 따르세요.
종속성 설치 :
npm install
실행하여 package.json
파일에서 필요한 모든 종속성을 설치합니다.환경설정 :
cp .env.example .env
..env
파일을 수정합니다.데이터베이스 설정 :
npx prisma generate
.npx prisma db push
.ngrok 설정 :
ngrok http https://localhost:3000
.user.created
및 user.updated
옵션을 켜는 동안 Clerk 설정에서 웹후크 URL을 ngrok HTTPS URL로 구성하세요.개발 서버 시작 :
npm run dev
사용하여 개발 서버를 시작합니다.https://localhost:3000
방문하여 애플리케이션이 작동하는 모습을 확인하세요.문제가 있거나 설정에 대한 자세한 사용자 정의가 있는 경우 GitHub 리포지토리에서 문제를 열어주시면 귀하의 환경에 맞는 지원을 제공해 드리겠습니다.
귀하가 우리 프로젝트에 기여하는 데 관심을 가져주셔서 매우 기쁩니다! 이는 우리 회사와 오픈 소스 커뮤니티 간의 공동 노력이며, 우리는 모든 종류의 기여를 환영합니다. 참여 방법은 다음과 같습니다.
프로젝트 별표 표시 : 이 프로젝트가 유용하다고 생각되면 별표를 주세요! 가시성을 높이는 데 도움이 되며 여러분의 지지를 보여줍니다.
Fork the Repository : 개선 사항이나 새로운 기능을 작업하기 위해 프로젝트의 포크를 직접 만듭니다.
Pull Request 제출 : 버그 수정이나 새로운 기능이 있나요? 우리는 귀하의 끌어오기 요청을 검토하고 싶습니다!
문제 신고 : 버그를 발견했거나 제안사항이 있으신가요? 문제를 열어 알려주세요.
문서 개선 : 오타 수정, 설명 명확화, 예시 추가를 통해 문서 개선에 도움을 주세요.
널리 알리세요 : 이 프로젝트가 유용하다고 생각하는 다른 사람들과 공유하세요.
행동 강령 : 모든 상호 작용에서 당사의 행동 강령을 읽고 준수하십시오.
코딩 표준 : 프로젝트 전반에 걸쳐 사용되는 코딩 스타일과 표준을 따릅니다. 의심스러운 경우 기존 코드베이스의 스타일을 모방하세요.
테스트 : 코드 변경 사항이 적절한 테스트를 통해 다루어졌는지 확인하세요.
문서 : 변경 사항을 반영하도록 관련 문서를 업데이트합니다.
커밋 메시지 : 변경 사항을 설명하는 명확하고 간결한 커밋 메시지를 작성합니다.
풀 요청 프로세스 :
라이선스 : 기여함으로써 귀하는 귀하의 기여가 프로젝트의 기존 라이선스에 따라 라이선스가 부여된다는 데 동의하게 됩니다.
오픈 소스에 처음 기여하는 경우 오픈 소스에 기여하는 방법에 대한 GitHub 가이드를 확인하세요.
이 특정 프로젝트에 기여하는 방법에 대한 자세한 내용은 CONTRIBUTING.md 파일을 참조하세요.
graphic.so는 현재 개발 단계로 아직 상용화되지 않았음을 참고하시기 바랍니다. 리포지토리와 해당 콘텐츠는 개발용으로 제공되며 아직 공개 릴리스에는 제공되지 않습니다. 이 단계에서는 광범위한 배포에 앞서 기능을 개선하고 다양한 플랫폼에 걸쳐 강력한 통합을 보장할 수 있습니다. 이해관계자와 잠재적 기여자는 프로젝트의 기능과 코드베이스가 기능을 향상하고 확장함에 따라 변경될 수 있다는 점을 인식해야 합니다.
이 프로젝트는 GNU Affero General Public License v3.0(AGPL-3.0)에 따라 라이센스가 부여됩니다.
GNU AFFERO GENERAL PUBLIC LICENSE
Version 3, 19 November 2007
Copyright (C) 2024 Graphic.so
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
이 소프트웨어를 수정하여 네트워크 서비스로 사용할 수 있게 하려면 해당 서비스 사용자에게 완전한 해당 소스 코드를 제공해야 합니다. 이는 AGPL-3.0 라이센스의 핵심 조항입니다.
라이센스의 전체 이용 약관은 GNU Affero General Public License v3.0의 전체 텍스트를 참조하십시오.