> ## Documentation Index
> Fetch the complete documentation index at: https://lovable.generaltranslation.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Instrucciones e integraciones

> Mejora tus apps con potentes integraciones nativas

Lovable ofrece una amplia gama de integraciones nativas que dotan a tus aplicaciones de capacidades avanzadas. Tanto si necesitas procesamiento con IA, automatización de documentos o mejoras en la interfaz de usuario, Lovable lo tiene cubierto.

<Warning>
  Necesitarás configurar tu propia clave API para utilizar estas integraciones en Lovable.

  <iframe width="100%" height="315" src="https://www.youtube.com/embed/6R4cc86bZD8?si=trT7a5wHvhs5da6i" title="Reproductor de video de YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
</Warning>

<div id="ai-llms">
  ## IA y LLMs
</div>

Integra modelos de IA líderes para crear aplicaciones inteligentes que mejoren la experiencia del usuario, automaticen flujos de trabajo y generen contenido:

* **Modelo de OpenAI** – Ideal para resumir, analizar y generar contenido. Rápido y confiable.
* **Modelo más reciente de Anthropic** – Destaca en razonamiento complejo y análisis profundo.
* **Modelo más reciente de Google** – Muy sólido en razonamiento lógico y procesamiento de contexto largo.
* **Groq** – El modelo de IA más rápido en Create, impulsado por Llama 3.
* **Cohere Command R+** – LLM escalable diseñado para aplicaciones empresariales.

**Ejemplos de indicaciones para empezar:**

<Info>
  Crea un asistente de escritura que mejore la gramática usando `[AI model]`.
</Info>

<Info>
  Crea un chatbot que ofrezca atención al cliente usando `[AI model]`.
</Info>

<Info>
  Desarrolla un asistente de investigación con IA usando `[AI model]`.
</Info>

<Info>
  Crea una app que use `[AI model]` para análisis de texto.
</Info>

<Info>
  Crea una herramienta que use `[AI model]` para generación de contenido.
</Info>

<Info>
  Crea una app que use `[AI model]` para analizar documentos extensos.
</Info>

<Info>
  Crea una herramienta que use `[AI model]` para razonamiento en múltiples pasos.
</Info>

<Info>
  Crea un asistente de investigación con `[AI model]`.
</Info>

<Info>
  Crea una herramienta que use `[AI model]` para análisis en tiempo real.
</Info>

<Info>
  Crea un chatbot que use `[AI model]` para respuestas rápidas.
</Info>

<Info>
  Crea una app que use `[AI model]` para procesamiento de texto.
</Info>

<Info>
  Crea una app que use `[AI model]` para análisis de contenido.
</Info>

<Info>
  Crea una herramienta que use `[AI model]` para asistencia en la escritura.
</Info>

<Info>
  Crea un asistente de investigación con `[AI model]`.
</Info>

<Info>
  Crea una herramienta que use `[AI model]` para explicar temas complejos.
</Info>

<Info>
  Crea un asistente de escritura que use `[AI model]` para estructurar ensayos.
</Info>

<Info>
  Crea una herramienta que use `[AI model]` para análisis de texto en tiempo real.
</Info>

<Info>
  Genera publicaciones de blog y muéstralas usando `[Markdown Renderer]`.
</Info>

<Info>
  Crea una wiki que use `[Markdown Renderer]` para mostrar contenido generado por IA a partir de `[AI model]`.
</Info>

<div id="images-vision">
  ## Imágenes y visión
</div>

Aprovecha APIs de visión de última generación para el análisis, mejora y generación de imágenes. Lovable es compatible con:

* GPT-4 Vision
* Stable Diffusion
* DALL-E
* Pexels
* Exa
* entre otros.

**Ejemplos de indicaciones para empezar:**

<Info>
  Permite que los usuarios carguen fotos y las analicen usando `[AI model]`.
</Info>

<Info>
  Genera fotos de producto de alta calidad con mejoras mediante IA.
</Info>

<Info>
  Extrae texto de imágenes usando `[AI model]`.
</Info>

<Info>
  Permite que los usuarios describan una imagen y usa `[AI model]` para crearla.
</Info>

<Info>
  Crea una herramienta que use `[AI model]` para generar logotipos.
</Info>

<Info>
  Permite que los usuarios describan arte y usa `[AI model]` para generarlo.
</Info>

<Info>
  Crea obras de arte generadas por IA a partir de descripciones.
</Info>

<Info>
  Encuentra fotos de stock de objetos específicos usando `Pexels`.
</Info>

<Info>
  Encuentra un vídeo de un perro jugando a buscar la pelota con `Pexels`.
</Info>

<Info>
  Recupera los últimos artículos de investigación en IA con `Exa`.
</Info>

<Info>
  Obtén las noticias tecnológicas más recientes con `Eva`.
</Info>

<Info>
  Detecta rostros y emociones en imágenes.
</Info>

<Info>
  Mejora automáticamente la resolución de las imágenes.
</Info>

<div id="ui-components">
  ## Componentes de UI
</div>

Para diseños accesibles y componentes de UI reutilizables, recomendamos usar:

* **21st.dev**
* **Chakra UI**
* **shadcn/ui**.

Consulta nuestra [guía de los mejores componentes de Tailwind CSS](https://lovable.dev/blog/best-tailwind-css-component) para más información.

**Ejemplos de indicaciones para comenzar:**

<Info>
  Agrega un formulario usando componentes de `[Chakra UI]`.
</Info>

<Info>
  Crea un panel de control con el layout de `[Chakra UI]`.
</Info>

<Info>
  Crea una barra de navegación responsive usando `[shadcn/ui]`.
</Info>

<Info>
  Usa el componente de diálogo de `[shadcn/ui]` para un formulario emergente.
</Info>

<Info>
  Desarrolla un panel de configuración usando `[shadcn/ui]`.
</Info>

<Info>
  Implementa un componente de calendario para la planificación de horarios.
</Info>

<Info>
  Crea una UI basada en modales para interacciones más fluidas.
</Info>

<div id="audio-processing">
  ## Procesamiento de audio
</div>

Eleven Labs es una de las mejores opciones para integraciones de alta calidad.

* Convertir voz a texto
* Generar voces con sonido natural
* Mejorar archivos de audio

**Indicaciones de ejemplo para comenzar:**

<Info>
  Convierte archivos de audio cargados a texto mediante transcripción de audio.
</Info>

<Info>
  Crea una herramienta de transcripción de podcast.
</Info>

<Info>
  Lee contenido en voz alta usando Text-to-Speech.
</Info>

<Info>
  Desarrolla un creador de audiolibros.
</Info>

<Info>
  Transcribe y resume grabaciones de reuniones.
</Info>

<Info>
  Implementa interacciones de la interfaz controladas por voz.
</Info>

<Info>
  Genera voces sintéticas realistas.
</Info>

<div id="maps">
  ## Mapas
</div>

Usa **`Mapbox, Google Maps y Weather APIs`** para mejorar tus aplicaciones con:

* geolocalización
* mapas
* información empresarial

**Ejemplos de indicaciones para comenzar:**

<Info>
  Muestra las ubicaciones de las tiendas en un mapa con `[Mapbox]`.
</Info>

<Info>
  Crea un sistema de seguimiento de entregas con actualizaciones en tiempo real.
</Info>

<Info>
  Crea una aplicación de anuncios inmobiliarios usando `[Google Maps]`.
</Info>

<Info>
  Encuentra restaurantes usando `[Google business data].`
</Info>

<Info>
  Crea un directorio de negocios locales con `[Google business data]`.
</Info>

<Info>
  Crea un agregador de reseñas usando `[Google business data].`
</Info>

<Info>
  Añade autocompletado de direcciones usando `[Google Place Autocomplete]`.
</Info>

<Info>
  Muestra actualizaciones del clima en tiempo real usando `[Weather API]`.
</Info>

<Info>
  Implementa un planificador de rutas para optimizar los viajes.
</Info>

<div id="documents">
  ## Documentos
</div>

Puedes:

* crear y descargar archivos PDF de forma programática
* extraer y convertir texto de archivos PDF
* procesar documentos escaneados
* transformar archivos entre varios formatos
* generar códigos QR para enlaces, datos y aplicaciones empresariales

**Ejemplos de indicaciones para empezar:**

<Info>
  Permite que los usuarios completen un formulario y usen `[PDF Generation]` para descargarlo.
</Info>

<Info>
  Genera facturas en PDF usando `[PDF Generation]`.
</Info>

<Info>
  Crea un generador de currículums que exporte a PDF.
</Info>

<Info>
  Extrae texto de documentos escaneados con `[PDF Parser]`.
</Info>

<Info>
  Crea un analizador de documentos con `[PDF Parser].`
</Info>

<Info>
  Crea una herramienta de búsqueda en PDFs usando `[PDF Parser].`
</Info>

<Info>
  Permite que los usuarios escaneen documentos con `[Document Scanner].`
</Info>

<Info>
  Crea un gestor de recibos usando `[Document Scanner].`
</Info>

<Info>
  Convierte archivos PDF en imágenes con `[File Conversion]`.
</Info>

<Info>
  Crea un conversor de documentos con `[File Conversion]`.
</Info>

<Info>
  Genera códigos QR para enlaces y datos empresariales.
</Info>

<Info>
  Crea un acortador de URL con códigos QR usando `[QR Code]`.
</Info>

<Info>
  Crea un flujo de firma de documentos.
</Info>

<Info>
  Implementa la generación automatizada de informes.
</Info>

<div id="media-entertainment">
  ## Medios y entretenimiento
</div>

Puedes:

* obtener datos multimedia
* hacer seguimiento de estadísticas deportivas
* buscar películas, programas de TV, anime y libros

**Ejemplos de indicaciones para empezar:**

<Info>
  Crea un sistema de recomendaciones de películas usando `[TMDb]`.
</Info>

<Info>
  Haz seguimiento de las próximas series y programas de TV con `[Movies and TV Series]`.
</Info>

<Info>
  Crea una app de lista para ver con `[Movies and TV Series / TMDb]`.
</Info>

<Info>
  Encuentra detalles sobre "The Dark Knight" usando `[TMDb]`.
</Info>

<Info>
  Crea una herramienta de descubrimiento de anime.
</Info>

<Info>
  Crea una lista de lectura de manga.
</Info>

<Info>
  Crea un sistema de recomendaciones de anime.
</Info>

<Info>
  Crea una app de predicciones para fantasy de `[Sport]`.
</Info>

<Info>
  Crea un asistente para fantasy de `[Sport]`.
</Info>

<Info>
  Crea una herramienta de predicción de partidos.
</Info>

<Info>
  Crea una app de descubrimiento de libros con `[Book Search]`.
</Info>

<Info>
  Crea un gestor de listas de lectura.
</Info>

<Info>
  Desarrolla un motor personalizado de recomendaciones de libros.
</Info>

<div id="web-tools">
  ## Herramientas web
</div>

Puedes:

* extraer información valiosa de cualquier sitio web
* traducir texto entre idiomas sin esfuerzo
* acceder a resultados de búsqueda en tiempo real
* descubrir imágenes en la web con facilidad

**Ejemplos de indicaciones para empezar:**

<Info>
  Extrae los principales resultados de búsqueda de `[Google Search]` usando `[Web Scraper]`.
</Info>

<Info>
  Traduce texto dinámicamente usando `[Google Translate]`.
</Info>

<Info>
  Crea una app para aprendizaje de idiomas usando `[Google Translate]`.
</Info>

<Info>
  Busca en la web usando` [Google Search]`.
</Info>

<Info>
  Crea un analizador de temas de tendencia con `[Google Search]`.
</Info>

<Info>
  Encuentra imágenes usando `[Google Image Search]`.
</Info>

<Info>
  Crea un asistente de investigación visual usando `[Google Image Search]`.
</Info>

<Info>
  Automatiza el análisis de la competencia extrayendo datos clave de sitios web.
</Info>

<Info>
  Desarrolla una herramienta de web scraping para investigación de mercado.
</Info>

<div id="business">
  ## Negocios
</div>

Puedes hacer lo siguiente:

* calcular el impuesto sobre ventas con precisión
* realizar un análisis detallado de términos de búsqueda
* crear visualizaciones de datos interactivas y dinámicas
* validar direcciones de correo electrónico en tiempo real
* comprobar información de dominios
* detectar contenido dañino u ofensivo
* integrar funciones de chat y notificaciones
* enviar correos electrónicos transaccionales
* gestionar campañas de correo electrónico de forma eficiente con automatización integrada

**Indicaciones de ejemplo para empezar:**

<Info>
  Calcula los totales de pedidos con `[US Sales Tax Calculator]`.
</Info>

<Info>
  Crea un proceso de pago de comercio electrónico.
</Info>

<Info>
  Crea una herramienta de precios.
</Info>

<Info>
  Analiza palabras clave para SEO con `[SEO Keyword Research]`.
</Info>

<Info>
  Crea una herramienta de planificación de contenidos.
</Info>

<Info>
  Crea un analizador de SEO.
</Info>

<Info>
  Muestra datos de ventas en un gráfico de líneas en Charts.
</Info>

<Info>
  Crea una página de analítica.
</Info>

<Info>
  Comprueba direcciones de correo electrónico y crea un sistema de validación de correos. 
</Info>

<Info>
  Crea un formulario de registro con `[GitHub]`.
</Info>

<Info>
  Crea una herramienta de inspección de dominios usando `[Domain Inspector]`.
</Info>

<Info>
  Crea una app de chat segura usando `[OpenAI Moderation]`.
</Info>

<Info>
  Envía confirmaciones de pedidos a través de `[Line]`.
</Info>

<Info>
  Crea un sistema de envíos masivos usando `[Line].`
</Info>

<Info>
  Envía confirmaciones de pedidos con `[Resend]`.
</Info>

<Info>
  Crea un sistema de newsletter con `[Resend]`.
</Info>

<Info>
  Valida direcciones de correo electrónico usando `[NeverBounce]`.
</Info>

<Info>
  Cuando uses `[NeverBounce]`, comprueba si estos correos electrónicos son válidos y guarda los resultados.
</Info>

<Info>
  Desarrolla una herramienta automatizada de previsión de ventas.
</Info>

<Info>
  Implementa un sistema de puntuación de clientes potenciales basado en IA.
</Info>
