StoryWeaver AI
StoryWeaver AI es su copiloto creativo, que le ayuda a transformar ideas incipientes en historias completamente formadas. Genera personajes únicos, esculpe mundos inmersivos y teje tramas convincentes con nuestro asistente inteligente de creación de historias. Construido con Next.js, Tailwind CSS, shadcn/ui, y potenciado por la API LLM de Gaia.
El código fuente completo y las instrucciones detalladas para configurar y ejecutar este ejemplo se pueden encontrar en el repositorio Gaia Cookbook.
Características
- De idea a historia: Introduzca la idea central de su historia, el género, la longitud deseada y detalles opcionales como el protagonista, el conflicto, el ambiente del mundo y el tono.
- Generación potenciada por IA: Aprovecha un gran modelo lingüístico (a través de la API compatible con OpenAI de Gaia) para crear historias únicas.
- Compatibilidad con Markdown: Muestra las historias generadas con formato de texto enriquecido.
- Descargar como imagen: Guarda tus historias favoritas como imágenes PNG.
- Compartir en redes sociales: Comparta rápidamente enlaces a su aplicación (los usuarios pueden adjuntar la imagen de su historia descargada) en X (Twitter), LinkedIn y Facebook.
- Interfaz de usuario elegante: Interfaz moderna y adaptable creada con shadcn/ui y CSS de Tailwind.
Pila tecnológica
- Framework: Next.js (App Router)
- Lenguaje: TypeScript
- Estilo: Tailwind CSS
- Componentes de interfaz de usuario: shadcn/ui
- Gestión de formularios: React Hook Form y Zod
- Integración LLM:
openai
Paquete npm configurado para API de Gaia - Renderizado Markdown:
react-markdown
- HTML a imagen:
dom-to-image-more
- Iconos:
lucide-react
Primeros pasos
Estas instrucciones le permitirán disponer de una copia del proyecto en su equipo local con fines de desarrollo y prueba.
Requisitos previos
- Node.js (se recomienda v18.x o posterior)
- npm o yarn
- Una clave API de Gaia(consígala aquí)
Configuración e instalación
-
Clonar el repositorio:
git clone https://github.com/harishkotra/story-weaver-ai.git
cd story-weaver-ai -
Instalar dependencias:
npm install
# o
yarn install -
Configurar variables de entorno: Crear un
.env.local
en la raíz del proyecto. Este archivo es ignorado por Git y se utiliza para la configuración del entorno local.cp .env.example .env.local
Ahora, abre
.env.local
y añada su clave API:# .env.local
# Requerido: Su clave API para el servicio LLM de Gaia (u otra API compatible con OpenAI)
GAIA_API_KEY="tu_clave_api_gaia_actual_aquí"
# Opcional: Si Gaia cambia su endpoint o utilizas un servicio compatible diferente.
# Por defecto es 'https://llama70b.gaia.domains/v1' si no se establece
GAIA_API_ENDPOINT="https://your-custom-openai-compatible-endpoint/v1"
GAIA_API_MODEL="llama70b"Importante: Sustituir
"tu_clave_gaia_api_actual_aquí"
con su clave API real. (Consiga uno aquí) -
Inicializa shadcn/ui (si necesitas añadir más componentes): Mientras el proyecto está configurado, si tienes intención de añadir más componentes shadcn/ui más adelante, puede que necesites ejecutar init (aunque ya debería estar configurado):
npx shadcn@latest init
Siga las instrucciones, aceptando los valores predeterminados o ajustándose a la configuración existente del proyecto (
src/app/globals.css
,tailwind.config.ts
alias@/componentes
y@/lib/utils
).
Ejecutar la aplicación localmente
-
Inicie el servidor de desarrollo:
npm run dev
# o
yarn dev -
Abre tu navegador: Vaya a
http://localhost:3000
.
Ahora debería ver la aplicación StoryWeaver AI en funcionamiento.
El código fuente completo y las instrucciones detalladas para configurar y ejecutar este ejemplo se pueden encontrar en el repositorio Gaia Cookbook.