Hanzo_dev
2fc4168301
Análisis extendido: - Nuevos campos: apertura_exacta, cierre_exacto, tecnica_retencion, momento_pico_seg - Copywriting: nivel_consciencia (Schwartz), objecion_principal, avatar_descripcion - Replicabilidad: ingredientes_clave, replicabilidad, ratio_emocion_logica - analizador.js: prompt extendido con metodología Schwartz + retención - validador.js: schema Zod actualizado con 6 nuevos enums - Migración SQL 05: ALTER TABLE + nuevos ENUMs + índices Generador de guiones: - generador.js: lib GPT-4o con temperatura 0.7 y contexto de patrones - server.js: endpoints POST /api/generar, GET /api/generados, GET /api/generados/:id - backend/api/generar.js + api/generar.js + api/generados.js: Vercel handlers - Migración SQL 06: tabla guiones_generados con score_estimado, variantes, notas - GenerateView.vue: formulario completo + preview del guion con copy al portapapeles - SideNavBar: nueva entrada "Generar" con ícono auto_fix_high - Router: ruta /generate → GenerateView - api.js: api.generar() + api.generados.listar/obtener() Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sistema Generador de Guiones IA
Este repositorio contiene el sistema completo de análisis y generación de guiones virales utilizando Whisper, GPT-4o y Supabase, con una interfaz web construida en Vue 3 y Tailwind CSS.
Estructura del Proyecto
El proyecto está diseñado bajo una arquitectura modular y escalable:
/
├── backend/ # Lógica central (API, IA, Transcripción, Embeddings)
│ ├── api/ # Serverless handlers (ej. api/analizar.js)
│ ├── lib/ # Módulos de orquestación y LLM
│ └── server.js # Servidor Express.js para testeo y desarrollo local
│
├── frontend/ # Interfaz de usuario "Obsidian Architecture"
│ ├── src/ # Vistas en Vue 3 y componentes
│ └── tailwind... # Configuración del Design System
│
├── database/ # Archivos SQL para gestionar Supabase
│ ├── migrations/ # Setup de tablas (schema), funciones y RLS
│ └── seeds/ # Datos de prueba para iniciar la aplicación
│
└── docs/ # Archivos HTML originales del diseño (referencia)
1. Configuración de Variables de Entorno
En la carpeta /backend/, crea un archivo .env o renombra el existente con tus credenciales:
RAPIDAPI_KEY= # Key de Social Download All In One
OPENAI_API_KEY= # Key de OpenAI para GPT-4o y Whisper
SUPABASE_URL= # URL de tu base de datos Supabase (https://xxxx.supabase.co)
SUPABASE_SERVICE_ROLE_KEY= # Tu Service Role Key (no exponer en el frontend)
2. Iniciar el Sistema en Local
Abre dos terminales para correr ambos entornos en simultáneo:
Terminal 1 — Backend:
cd backend
npm install
npm run dev
El servicio de IA y base de datos estará corriendo en
http://localhost:3001
Terminal 2 — Frontend:
cd frontend
npm install
npm run dev
La interfaz estará disponible en
http://localhost:5173(o5174)
3. Base de Datos (Supabase)
Si es la primera vez que despliegas el proyecto, dirígete a la consola SQL de tu proyecto en Supabase y ejecuta los archivos de la carpeta /database en el siguiente orden:
database/migrations/01_schema.sqldatabase/migrations/02_funciones.sqldatabase/migrations/03_rls.sqldatabase/seeds/04_datos_prueba.sql(Opcional)
4. Arquitectura de Despliegue
- Frontend: Preparado para desplegar de manera estática en Vercel, Netlify o Cloudflare Pages.
- Backend: Configurado con
vercel.jsonpara despliegues Serverless Edge/Node en Vercel (la ruta principal será/api/analizar). Alternativamente, funciona como un backend en la nube utilizando elserver.jsprovisto.