Trí tuệ nhân tạo StoryWeaver
StoryWeaver AI là người đồng hành sáng tạo của bạn, giúp bạn biến những ý tưởng mới thành những câu chuyện hoàn chỉnh. Tạo ra các nhân vật độc đáo, điêu khắc thế giới nhập vai và dệt nên những cốt truyện hấp dẫn với trợ lý sáng tạo câu chuyện thông minh của chúng tôi. Được xây dựng bằng Next.js, Tailwind CSS, shadcn/ui và được hỗ trợ bởi API LLM của Gaia.
Mã nguồn đầy đủ và hướng dẫn chi tiết để thiết lập và chạy ví dụ này có thể được tìm thấy trong kho lưu trữ Gaia Cookbook .
Đặc trưng
- Từ ý tưởng đến cốt truyện: Nhập ý tưởng cốt truyện chính, thể loại, độ dài mong muốn và các chi tiết tùy chọn như nhân vật chính, xung đột, bối cảnh thế giới và giọng điệu.
- Thế hệ hỗ trợ AI: Tận dụng Mô hình ngôn ngữ lớn (thông qua API tương thích OpenAI của Gaia) để tạo ra những câu chuyện độc đáo.
- Hỗ trợ Markdown: Hiển thị các câu chuyện được tạo với định dạng văn bản phong phú.
- Tải xuống dưới dạng hình ảnh: Lưu những câu chuyện yêu thích của bạn dưới dạng hình ảnh PNG.
- Chia sẻ xã hội: Chia sẻ nhanh liên kết đến ứng dụng của bạn (người dùng có thể đính kèm hình ảnh câu chuyện đã tải xuống) trên X (Twitter), LinkedIn và Facebook.
- Giao diện người dùng đẹp mắt: Giao diện hiện đại và nhạy bén được xây dựng bằng shadcn/ui và Tailwind CSS.
Công nghệ Stack
- Khung: Next.js (Bộ định tuyến ứng dụng)
- Ngôn ngữ: TypeScript
- Kiểu dáng: Tailwind CSS
- Thành phần UI: shadcn/ui
- Quản lý biểu mẫu: React Hook Form & Zod
- Tích hợp LLM:
mở
gói npm được cấu hình cho API của Gaia - Kết xuất Markdown:
phản ứng-markdown
- HTML sang hình ảnh:
dom-to-image-more
- Biểu tượng:
phản ứng sáng suốt
Bắt đầu
Những hướng dẫn này sẽ giúp bạn có được một bản sao của dự án và chạy nó trên máy cục bộ của bạn để phục vụ mục đích phát triển và thử nghiệm.
Điều kiện tiên quyết
- Node.js (khuyến nghị v18.x hoặc mới hơn)
- npm hoặc sợi
- Khóa API Gaia ( Nhận khóa tại đây )
Thiết lập & Cài đặt
-
Sao chép kho lưu trữ:
git clone https://github.com/harishkotra/story-weaver-ai.git
cd story-weaver-ai -
Cài đặt các phụ thuộc:
cài đặt npm
# hoặc
cài đặt sợi -
Thiết lập Biến môi trường: Tạo một
.env.local
tệp trong thư mục gốc của dự án. Tệp này bị Git bỏ qua và được sử dụng để cấu hình môi trường cục bộ.cp .env.example .env.local
Bây giờ, mở
.env.local
và thêm khóa API của bạn:# .env.local
# Bắt buộc: Khóa API của bạn cho dịch vụ Gaia LLM (hoặc API tương thích với OpenAI khác)
GAIA_API_KEY="khóa_api_gaia_thực_tế_của_bạn_ở_đây"
# Tùy chọn: Nếu Gaia thay đổi điểm cuối của họ hoặc bạn sử dụng một dịch vụ tương thích khác
# Mặc định là 'https://llama70b.gaia.domains/v1' nếu không được thiết lập
GAIA_API_ENDPOINT="https://your-custom-openai-compatible-endpoint/v1"
GAIA_API_MODEL="lạc đà70b"Quan trọng: Thay thế
"your_actual_gaia_api_key_here"
với khóa API thực của bạn. (Nhận một cái ở đây) -
Khởi tạo shadcn/ui (nếu bạn cần thêm nhiều thành phần hơn): Trong khi dự án được thiết lập, nếu bạn có ý định thêm nhiều thành phần shadcn/ui sau này, bạn có thể cần chạy init (mặc dù nó đã được cấu hình rồi):
npx shadcn@latest init
Thực hiện theo lời nhắc, chấp nhận các mặc định hoặc căn chỉnh với cấu hình dự án hiện có (
src/ứng dụng/toàn cục.css
,tailwind.config.ts
, bí danh@/thành phần
và@/lib/tiện ích
).
Chạy ứng dụng cục bộ
-
Khởi động máy chủ phát triển:
npm chạy dev
# hoặc
sợi phát triển -
Mở trình duyệt của bạn: Điều hướng đến
http://localhost:3000
.
Bây giờ bạn sẽ thấy ứng dụng StoryWeaver AI đang chạy!
Mã nguồn đầy đủ và hướng dẫn chi tiết để thiết lập và chạy ví dụ này có thể được tìm thấy trong kho lưu trữ Gaia Cookbook .