William David Guerra Pérez
Daniela Gómez
ProfesorBuenísimoooo, gracias por compartir ¿por qué no te funcionó con la aAPI de Gamma? a ver si te puedo ayudar
Si trabajas en ventas B2B y tu equipo pierde horas armando propuestas personalizadas para cada cliente, aquí aprenderás a crear un generador de propuestas con inteligencia artificial que hiperpersonaliza cada presentación en minutos. Es un recurso pensado para equipos de growth que quieren acelerar su ciclo comercial sin depender de programadores.
La idea nace de un caso real: un equipo tardaba demasiado en entregar propuestas, y descubrieron que algunos clientes tienen un ciclo de venta de apenas dos semanas, mientras el promedio ronda los tres meses. Tardar en presentar una propuesta se convertía en una desventaja competitiva.
Por qué la velocidad de la propuesta afecta tu ciclo de ventas
Cuando un cliente está listo para decidir en dos semanas, cada día que tardas en enviar la propuesta juega en tu contra. Esa fue la tensión que detonó todo el proyecto.
La palanca de crecimiento aquí es la adquisición, porque el generador actúa justo en la fase entre el lead y el cliente. Es el momento en el que estás convirtiendo prospectos en clientes nuevos [00:52].
Las métricas que impacta este proyecto son concretas:
El objetivo fue claro: una primera versión funcional en dos semanas, porque era un experimento y querían validar el potencial antes de invertir más [01:18].
¿Qué es una palanca de crecimiento? Es el punto exacto del embudo donde una acción genera el mayor impacto en el negocio. Aquí es la adquisición, entre el lead y el cliente.
Qué herramientas usar para construir el generador
La ejecución quedó a cargo del equipo de growth con IA, sin recurrir a programadores. Ellos hicieron todo, desde la conceptualización hasta el prototipo [01:35].
Dos herramientas hacen el trabajo pesado:
El detalle importante sobre Gamma: la API solo está disponible en planes de pago, aunque puedes hacer una prueba gratuita de la versión premium para experimentar [06:00].
Cómo conectar dos plataformas con una API
Ambas herramientas se comunican a través de una API. Suena técnico, pero es más simple de lo que parece.
¿Qué es una API? Significa Application Programming Interface y es la forma en que distintas plataformas se comunican entre sí de manera estructurada. Solo necesitas la clave que te entrega la herramienta y Lovable hace el resto.
Un punto de seguridad clave: las claves API son secretas. Nunca las muestres ni las expongas, porque si alguien obtiene tu clave puede crear cosas en tu plataforma o consumir tus recursos en servicios como OpenAI o Claude [06:30].
Cómo escribir un buen prompt para que la IA no falle
Antes de pedirle nada a Lovable, conviene revisar la documentación de la herramienta que vas a integrar. De hecho, puedes pedirle a la propia IA que analice esa documentación por ti [02:35].
Aquí aparece un aprendizaje central sobre la IA generativa: el mismo prompt no te da el mismo resultado dos veces. Al repetir exactamente la misma instrucción, una versión entregó un asistente de IA para estructurar la presentación y otra generó la propuesta en hipertexto editable [04:40].
La conclusión práctica es directa:
Una táctica que funciona bien: pedirle a ChatGPT que lea toda la documentación y redacte el prompt para Lovable, especificando el resultado final que deseas [05:10].
¿Por qué escribir el prompt en inglés? Porque es el idioma más usado por estas herramientas y suele funcionar mejor. Si no te sientes cómodo, escribe en español y pide la traducción en ChatGPT o Claude.
Qué pasa cuando la IA entra en un ciclo que no funciona
A veces la herramienta se atora y sigue entregando errores. En esos casos, en lugar de insistir, conviene entender qué falló y empezar de cero en otro archivo [05:25]. Recomenzar limpio suele ser más rápido que pelear con un hilo roto.
Qué resultado entrega el generador de propuestas
Después de pegar la clave API en Lovable, la herramienta entregó una primera versión mucho más personalizada, e incluso sugirió mejoras por sí sola [06:50].
Entre las mejoras que la propia IA propuso están:
Al pegar una transcripción y generar la presentación, el resultado se abre directamente en Gamma como una versión totalmente editable, con imágenes creadas por un modelo de IA y muy bien formateada [07:40].
La hipótesis se cumplió: la plataforma genera la presentación de forma automática a partir de una transcripción. Y aquí viene lo interesante: con más iteraciones podrías orientarla al formato comercial exacto que necesitas, o incluso montar una automatización que detecte la transcripción de la llamada y arme la propuesta sin que tengas que pegar nada [08:20].
Ahora te toca a ti. Crea tu propio generador de presentaciones y comparte en los comentarios el resultado de la presentación y el diseño de la herramienta que construiste.
William David Guerra Pérez
Daniela Gómez
ProfesorBuenísimoooo, gracias por compartir ¿por qué no te funcionó con la aAPI de Gamma? a ver si te puedo ayudar
📌 RESUMEN — Cómo crear propuestas B2B hiperpersonalizadas con IA 🎯 MEMOTECNIA 👉 “P.R.O.P.U.E.S.T.A.” P = Preparación de datos R = Relevancia comercial O = Orquestación con IA P = Prompt específico U = Uso de APIs E = Edición rápida S = Seguridad de claves T = Test e iteración A = Aceleración del deal ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🧠 1) OBJETIVO PRINCIPAL │ ├─ En ventas B2B, **enviar propuestas rápido y relevantes puede cambiar la probabilidad de cerrar** porque muchos prospectos toman decisiones en un lapso corto. ├─ El reto: no perder el momento del lead por tardanza en entregar la propuesta. └─ Solución: usar **IA para generar propuestas hiperpersonalizadas con tu marca y estilo de forma rápida**. 🧠 MEMO: “Propuesta rápida → mejor oportunidad de cierre” ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📊 2) POR QUÉ IMPORTA LA HIPERPERSONALIZACIÓN │ ├─ Cada cliente B2B tiene un contexto distinto: industria, metas, retos, métricas internas, procesos de compra. ├─ Una propuesta genérica rara vez resuena con tomadores de decisión. ├─ Adaptarla con datos concretos aumenta **tasa de conversión y rapidez del deal**. └─ Esto impacta métricas de negocio centrales: conversión de propuesta a contrato y velocidad de cierre. 🧠 MEMO: “Más contexto = más impacto” ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⚙️ 3) HERRAMIENTAS PRINCIPALES │ ├─ **Lovable:** para orquestar y prototipar el flujo sin programadores. ├─ **Gamma:** para generar documentos y presentaciones basadas en IA. ├─ Conectar estas herramientas por **API** permite automatizar el paso de texto a presentación editable. └─ No necesitas desarrolladores; con APIs y credenciales puedes enlazar plataformas y generar documentos automáticamente. 🧠 MEMO: “IA + APIs = propuestas automáticas” ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🧠 4) FLUJO DE CONSTRUCCIÓN (PASO A PASO) │ ├─ 🧾 **Configura API Key:** obtén la clave desde Gamma y mantenla segura. ├─ 🧠 **Pide a IA que lea documentación:** prepara a la IA para interpretar funciones de generación de documentos. ├─ ✍️ **Prompt específico:** redacta una instrucción clara para convertir una transcripción (por ejemplo, de llamada o reunión) en una propuesta personalizada. ├─ 📤 **Ejecuta en Lovable:** gestiona la llamada a la API de Gamma para producir un documento listo para editar. ├─ 📝 **Revisa y edita:** ajusta tono, imágenes, formato y opciones de exportación para que sea una propuesta real. └─ 🔄 **Itera:** corrige y vuelve a generar hasta afinarlo como una presentación profesional. 🧠 MEMO: “Prompt claro + IA = propuesta editable” ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📍 5) ROL DEL PROMPT Y SU PRECISIÓN │ ├─ La IA genera resultados distintos dependiendo de la especificidad del prompt. ├─ Un prompt claro y detallado produce una presentación que se siente hecha por un humano. ├─ Si el primer resultado no es ideal, **aprende qué falló y vuelve a generar**. └─ Esta iteración mejora consistencia y calidad. 🧠 MEMO: “Mejor prompt = mejor propuesta” ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🧪 6) VALIDACIÓN DE HIPÓTESIS RÁPIDA │ ├─ Limita el alcance inicial: **dos semanas** para validar que el generador funciona. ├─ Genera presentaciones editables a partir de transcripciones reales. ├─ Ajusta parámetros (imágenes, estilo, tono) para que se sientan genuinas. ├─ Observa la reacción de prospectos y mide resultados. └─ Si funciona, considera automatizar más pasos (como tomar transcripciones de llamadas directamente). 🧠 MEMO: “Prototipo primero, automatiza después” ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📌 RESUMEN FINAL 👉 Diseña un flujo donde la IA transforme transcripciones (o datos del cliente) en **presentaciones B2B personalizadas**, usando plataformas conectadas por API. 👉 El foco está en **velocidad, contexto y formato editable**, que aumenten la probabilidad de cerrar negocios en ciclos cortos. 👉 Itera sobre el prompt y la presentación hasta lograr un estilo profesional que represente tu marca. 🎯 MEMOTÉCNICO FINAL P = Preparar datos R = Relevancia para el cliente O = Orquestar con IA P = Prompt claro U = Usar APIs E = Editar rápido S = Seguridad de API T = Test e iterar A = Acelerar el deal
Arley Patiño
vale la pena conectar gamma al flujo de la clase anterior ya que me graba el call o meet con el lead y con base en los insight que me genere, crear la presentación.
Diego Guerra
Muy interesante, pero en esta clase si siento que falto más paso a paso. Además que deberia haber ejemplo con herramienta paga como Gamma y otra gartuita para ver realmente el resultado
Leyder Sanchez
🤓
Bueno, no pude con la API de Gamma, pero aquí les dejo el resultado en Lovable. (Prompt más abajo).
You are building a web app called **“Gamma Presentation Generator”**.
## High-level goal
Create a full-stack web application that:
1. Takes a **raw transcript** (e.g. a meeting transcript or messy notes) as input.
2. Lets the user configure **all relevant options** supported by Gamma’s API for generating presentations.
3. Calls the **Gamma API** to:
- Generate a presentation from scratch using the **Generate API**, or
- Generate a presentation based on an existing Gamma template using the **Create from Template API**.
4. Shows generation **status, warnings, errors and credits**.
5. Displays the resulting **Gamma URL** and (optionally) any exported file URLs returned by Gamma.
6. Allows the user to **iterate and regenerate** by tweaking the parameters from the same UI.
The main use case:
> “Paste a transcript → configure options → click Generate → get a ready-to-edit Gamma presentation.”
---
## Tech expectations
- Build a **web UI** (React/TypeScript) plus backend endpoints (Node/TypeScript) to talk to Gamma’s HTTP API.
- Put all secret values (like the Gamma API key) in environment variables, e.g.:
- GAMMA\_API\_KEY
- Use fetch/HTTP clients with proper error handling and typed responses.
---
## Gamma API knowledge (must implement correctly)
Base URL:
https://public-api.gamma.app/v1.0
### Authentication
All requests to Gamma must include:
- Header: X-API-KEY: \<GAMMA\_API\_KEY>
Gamma currently supports API key auth only.
---
### Endpoint 1: Generate a gamma (from scratch)
- **HTTP method**: POST
- **Path**: /v1.0/generations
- **Use**: create a new Gamma from text content and parameters.
#### Request body (core fields we should support)
At minimum, support these fields (all JSON):
{   "inputText": "string, required",   "textMode": "generate | rewrite | preserve (depending on Gamma's accepted values)",   "format": "presentation",   "themeId": "string, optional",   "numCards": 10,   "cardSplit": "auto | sentence | paragraph | section",   "additionalInstructions": "extra instructions for how to structure the deck",   "folderIds": \["folder-id-1", "folder-id-2"],   "exportAs": "none | pdf | pptx",   "textOptions": {   "amount": "brief | detailed | auto",   "tone": "e.g. professional, inspiring, friendly",   "audience": "e.g. executives, technical team",   "language": "e.g. en, es"   },   "imageOptions": {   "source": "aiGenerated | noImages | fromInput | pictographic",   "model": "one of Gamma's supported image models",   "style": "e.g. photorealistic, illustration, flat"   },   "cardOptions": {   "dimensions": "16x9 | 4x3 | fluid",   "headerFooter": {   "topRight": {   "type": "image | text | logo",   "source": "themeLogo | custom",   "size": "sm | md | lg"   },   "bottomRight": {   "type": "cardNumber | none"   },   "hideFromFirstCard": true,   "hideFromLastCard": false   }   },   "sharingOptions": {   "workspaceAccess": "view | comment | edit | noAccess",   "externalAccess": "noAccess | view | comment",   "emailOptions": {   "recipients": \["\[email protected]"],   "access": "view | comment | edit"   }   } }