스토리웨이버 AI
스토리웨이버 AI는 창의적인 부조종사가 되어 막 떠오른 아이디어를 완성도 높은 스토리로 만들어 줍니다. 지능형 스토리 제작 도우미로 독특한 캐릭터를 생성하고, 몰입감 넘치는 세계를 구현하고, 매력적인 플롯을 짜보세요. Next.js, Tailwind CSS, shadcn/ui로 구축되었으며 Gaia의 LLM API로 구동됩니다.
이 예제를 설정하고 실행하기 위한 전체 소스 코드와 자세한 지침은 가이아 쿡북 리포지토리에서 확인할 수 있습니다.
특징
- 아이디어에서 스토리로: 핵심 스토리 아이디어, 장르, 원하는 길이, 주인공, 갈등, 세계 분위기, 톤과 같은 선택적 세부 사항을 입력합니다.
- AI 기반 세대: 대규모 언어 모델(Gaia의 OpenAI 호환 API를 통해)을 활용하여 고유한 스토리를 제작합니다.
- 마크다운 지원: 생성된 스토리를 서식 있는 텍스트 형식으로 표시합니다.
- 이미지로 다운로드: 좋아하는 스토리를 PNG 이미지로 저장하세요.
- 소셜 공유: 앱 링크(사용자가 다운로드한 스토리 이미지를 첨부할 수 있음)를 X(트위터), LinkedIn, Facebook에 빠르게 공유할 수 있습니다.
- 세련된 UI: shadcn/ui 및 Tailwind CSS로 구축된 모던하고 반응이 빠른 인터페이스.
기술 스택
- 프레임워크: Next.js (앱 라우터)
- 언어: 타입스크립트
- 스타일링: 테일윈드 CSS
- UI 컴포넌트: shadcn/UI
- 폼 관리: 리액트 훅 폼 & 조드
- LLM 통합:
openai에 대해 구성된 npm 패키지 Gaia의 API - 마크다운 렌더링:
리액트 마크다운 - HTML을 이미지로 변환합니다:
돔-투-이미지-더보기 - 아이콘:
루시드-리액트
시작하기
이 지침을 통해 개발 및 테스트 목적으로 로컬 컴퓨터에서 프로젝트 사본을 실행할 수 있습니다.
전제 조건
설정 및 설치
-
리포지토리를 복제합니다:
git clone https://github.com/harishkotra/story-weaver-ai.git
CD 스토리-위버-아이 -
종속성을 설치합니다:
npm 설치
# 또는
yarn 설치 -
환경 변수를 설정합니다: 만들기
.env.local파일을 프로젝트 루트에 추가합니다. 이 파일은 Git에서 무시되며 로컬 환경 구성에 사용됩니다.cp .env.example .env.local이제 열기
.env.local를 클릭하고 API 키를 추가합니다:# .env.local
# 필수: Gaia LLM 서비스용 API 키(또는 기타 OpenAI 호환 API)
GAIA_API_KEY="your_actual_gaia_api_key_here"
# 선택 사항: Gaia가 엔드포인트를 변경하거나 다른 호환 서비스를 사용하는 경우
# 설정하지 않으면 기본값은 'https://llama70b.gaia.domains/v1'입니다.
GAIA_API_ENDPOINT="https://your-custom-openai-compatible-endpoint/v1"
GAIA_API_MODEL="llama70b"중요: 교체
"YOUR_ACTUAL_GAIA_API_KEY_HERE"실제 API 키를 사용하세요. (여기에서 받기) -
(컴포넌트를 더 추가해야 하는 경우) shadcn/ui를 초기화합니다: 프로젝트가 설정된 상태에서 나중에 shadcn/ui 컴포넌트를 더 추가하려는 경우, 이미 구성되어 있어야 하지만 초기화를 실행해야 할 수 있습니다:
npx shadcn@최신 초기화메시지에 따라 기본값을 수락하거나 기존 프로젝트 구성에 맞게 조정합니다(
src/app/global.css,tailwind.config.ts, 별칭@/components그리고@/lib/utils).
로컬에서 애플리케이션 실행
-
개발 서버를 시작합니다:
npm 실행 개발
# 또는
yarn dev -
브라우저를 엽니다: 다음으로 이동합니다.
http://localhost:3000.
이제 스토리웨이버 AI 애플리케이션이 실행되는 것을 볼 수 있을 것입니다!
이 예제를 설정하고 실행하기 위한 전체 소스 코드와 자세한 지침은 가이아 쿡북 리포지토리에서 확인할 수 있습니다.