Arsenal

Vizion AI — presentaciones con IA

SaaS white-label de presentaciones generadas con IA: escribís el tema y salen slides listas. Corriendo en vivo.

En vivoIntermedioSaaS y negociosLibre

Qué es

Un SaaS de presentaciones con IA: escribís lo que necesitás y te genera presentaciones, documentos, páginas web y posts para redes. UI 100% en español, dark theme cyan y púrpura. Es el único proyecto de esta bóveda que está en vivo en internet: https://vizion.groupquimera.com

Qué problema resuelve

Armar una presentación decente toma horas y la mayoría de las herramientas de IA para esto están en inglés y pensadas para otro mercado. Vizion es esa herramienta pero en español y con modelo de negocio propio: créditos + suscripción mensual o anual.

Cómo funciona (por dentro, explicado simple)

  • El front y la lógica son una app Next.js con Supabase como base de datos y autenticación.
  • El motor de generación es una API de IA de terceros, en modo marca blanca: Vizion pone la experiencia, el idioma, los planes y el cobro encima.
  • Los créditos son la moneda interna: cada plan recarga una cantidad por ciclo, y cada cobro exitoso de Stripe dispara un webhook que recarga los créditos del usuario. Si cancelan, al terminar el ciclo vuelven al plan gratuito.
  • Tiene emails transaccionales en español (bienvenida, recibo), páginas legales, 4 landings SEO y está dockerizado para deploy.

Cómo se usa

Como usuario: entrás a la web, te registrás y generás. Como desarrollo local:

npm run dev    # http://localhost:3000
npm run build  # build de producción

El build de producción pasa en verde (38 rutas) y el typecheck está limpio.

Lo que aprendí construyéndolo

  • Construir sobre la API de otro te lleva a mercado rapidísimo, pero te obliga a pensar el white-label en serio (hasta en qué mencionás en el FAQ) y a leer los términos de reventa del proveedor. La evaluación de "motor propio vs. seguir así" quedó anotada como decisión futura.
  • El sistema de suscripciones con Stripe quedó code-complete pero sin activar: falta crear los productos, pegar las keys y correr una migración de base de datos. El sitio vive, el cobro por suscripción todavía no. Honesto: así está.
  • Casi pierdo trabajo por no commitear: buena parte del código estuvo semanas fuera de git. Ahora todo está commiteado y la regla es no volver a eso.
  • Los precios de plan los diseñé con descuento anual (–20%) y créditos escalonados por nivel — definir eso ANTES de programar el checkout ahorra retrabajo.

Ficha técnica

CampoDetalle
StackNext.js 16 + Supabase + Tailwind 4 + shadcn/ui; Stripe para suscripciones; Docker listo
Estado real hoyLIVE en producción; suscripción Stripe code-complete pero pendiente de activar (keys + migración)
Dónde vivehttps://vizion.groupquimera.com

¿Lo querés funcionando en tu negocio?

Mirá cómo trabajamos, o entrá gratis a la comunidad y preguntá lo que te trabó.

En esta guía
  1. Qué es
  2. Qué problema resuelve
  3. Cómo funciona (por dentro, explicado simple)
  4. Cómo se usa
  5. Lo que aprendí construyéndolo
  6. Ficha técnica