De un PDF a un prototipo de catálogo online
Un ejercicio guiado para transformar un documento en algo navegable.
- Qué conseguirás
- Un prototipo de catálogo con búsqueda y fichas revisadas.
- Qué necesitas
- Un PDF de ejemplo cuyo contenido tengas permiso para utilizar.
- Herramientas
- ChatGPT + Lovable o AI Studio
Becario asistente · Trabaja contigo
¿En qué se diferencia un asistente de un agente de IA?Paso a paso
Extrae una muestra
Empieza con cinco productos. Pide nombre, referencia, descripción y precio si aparece. Conserva la página de origen. Pide una tabla editable para corregir errores.
Valida los datos
Contrasta cada fila con el PDF. Revisa unidades, decimales e imágenes antes de generar la interfaz. Vuelve al original si un campo resulta ilegible.
Construye el prototipo
Entrega los datos revisados al constructor y pide una cuadrícula, un buscador y fichas de detalle. Usa imágenes autorizadas. Ajusta colores y tipografías cuando la estructura funcione.
Prueba antes de publicar
Busca por nombre y referencia, comprueba móvil y valida enlaces. El prototipo no necesita pagos ni cuentas para demostrar la idea. Prueba una búsqueda sin resultados: debe permitir volver al catálogo.
El prompt, listo para usar
Añade tus materiales y adapta el encargo a tu contexto.
Crea un prototipo de catálogo con estos datos verificados. Incluye buscador por nombre y referencia, tarjetas y una ficha por producto. No inventes productos, precios ni imágenes. Si falta un dato, omítelo.
Así queda en la práctica
Ejemplo ilustrativo: un catálogo de cinco lámparas pasa a una página donde puedes buscar por referencia. El tiempo depende del estado del PDF; no es un caso de cliente documentado.
Los tiempos son orientativos. Revisa el resultado y comprueba las condiciones y funciones disponibles en las herramientas que utilices.
