Pixie Creador de sitios web por voz de extremo a extremo con n8n y Bright Data — Desafío de Agentes IA

Pixie es un pipeline automatizado y voz-controlado que transforma requerimientos en prototipos web en Lovable.dev, con scraping fiable, generación de PRD por IA y notificaciones por correo.

1 sept 2025 • 4 min de lectura • Equipo Q2BSTUDIO

Inteligencia-Artificial-

Participación para AI Agents Challenge powered by n8n y Bright Data

Qué construí

Pixie es un pipeline totalmente automatizado y controlado por voz para rediseño de sitios web. Acepta un requerimiento hablado o escrito, analiza el sitio objetivo, genera un PRD documento de requisitos de producto estructurado y crea o actualiza automáticamente un prototipo en Lovable.dev. Al finalizar, envía el resultado por correo al usuario.

Demo

La demo muestra la experiencia de extremo a extremo con voz, desde la captura del requerimiento hasta el prototipo publicado. El flujo incluye scraping fiable, generación de PRD y despliegue automático del proyecto.

Flujo en n8n

El flujo completo se orquesta en un único workflow de n8n que va desde el webhook de entrada hasta el scraping con Bright Data, el agente de IA, la automatización con Lovable y las notificaciones por correo. El diseño del workflow permite revisar el progreso en cada etapa y reiniciar tareas sin perder contexto.

Implementación técnica

Entrada de voz El usuario dicta los requisitos con ElevenLabs y el transcript llega a un webhook de n8n. Extracción de URL Un nodo de código identifica la URL del sitio y las instrucciones de diseño. Scraping del sitio Bright Data Verified Node recupera el HTML con alta fiabilidad, superando limitaciones geográficas y anti bots mediante Web Unlocker. Parsing Se transforma el HTML en JSON estructurado con encabezados, imágenes, metaetiquetas, tablas y enlaces. Fusión Se combinan las ideas de diseño del usuario con los datos estructurados del sitio. Agente de IA Basado en LangChain, genera un PRD detallado a partir de ambas entradas y lo envía al Website Maker con instrucciones claras para crear PRD, llamar al Website Maker y emitir actualizaciones de progreso por webhook. Website Maker Con comandos Airtop controla Lovable.dev abre sesión, envía el PRD, hace polling hasta obtener la URL del proyecto con un ID válido y notifica por correo y webhook tanto éxito como fallo.

Bright Data Verified Node

Bright Data se utilizó para obtener el HTML del sitio objetivo de forma consistente en la etapa de scraping. Con Web Unlocker y geolocalización en Estados Unidos, se asegura un renderizado correcto y evita bloqueos del lado del cliente. Luego, ese HTML se convierte en un payload estructurado para la generación del PRD. Lo más útil es que funciona sin fricción con cualquier URL personalizada.

Recorrido

Problema resuelto Crear y rediseñar sitios suele ser lento y con mucho ida y vuelta. Con este pipeline, transformo una idea simple o una instrucción de voz en un prototipo funcional en pocas llamadas de agente, acelerando el diseño web como nunca. Retos y soluciones Extracción de HTML confiable Bright Data con Web Unlocker manejó incluso sitios a medida con solvencia, incluyendo dominios complejos. Automatización determinista Prompts de sistema estrictos PRD luego website maker luego webhook luego extracción de URL mantuvieron el flujo predecible. Aprendizajes La edición guiada por agente es ideal para prototipado frontend con clientes. Gracias a n8n y Bright Data, la automatización es más rápida, robusta y accesible.

Sobre Q2BSTUDIO

En Q2BSTUDIO somos una empresa de desarrollo de software con foco en software a medida y aplicaciones a medida, especialistas en inteligencia artificial, ciberseguridad, servicios cloud aws y azure y servicios inteligencia de negocio. Nuestro equipo diseña agentes IA para automatizar tareas, integrar datos y acelerar lanzamientos, y utilizamos power bi para analítica avanzada y reporting ejecutivo. Si buscas impulsar ia para empresas y escalar la automatización de procesos, conoce nuestra oferta de inteligencia artificial y descubre cómo conectar tu stack con agentes conversacionales, RAG, visión y flujos MLOps. Además, ayudamos a orquestar pipelines como Pixie con n8n, LLMs y scraping empresarial, integrando cumplimiento y seguridad de extremo a extremo mediante nuestras prácticas de ciberseguridad y pentesting.

Cómo te ayuda Pixie con Q2BSTUDIO

Convertimos especificaciones habladas en sitios vivos, integramos catálogos, SEO y analítica, y desplegamos en entornos multi nubes con buenas prácticas DevSecOps. Si buscas acelerar tu time to market, optimizar tus funnels y reducir trabajo manual, nuestro equipo puede adaptar Pixie a tu contexto, conectarlo con tus CRM y CMS, y operarlo en un flujo de automatización de procesos listo para producción. Palabras clave que guían nuestro enfoque aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA y power bi.

Si te interesa activar un prototipo en días y convertir tus requerimientos en resultados medibles, contáctanos en Q2BSTUDIO y llevemos tu próxima iteración de producto al siguiente nivel.

¿UNA PAUSA?

Juega un momento antes de irte

NUESTROS SERVICIOS

Cómo podemos ayudarte

Inteligencia artificial

Agentes de IA, chatbots y asistentes inteligentes que automatizan tareas y atienden a tus clientes 24/7 para mejorar la eficiencia de tu negocio.

Más info

Desarrollo de software

Aplicaciones web, móviles y de escritorio, intranets, e-commerce, SaaS y plataformas de gestión diseñadas para las necesidades concretas de tu empresa.

Más info

Servicios cloud

Migración, infraestructura, hosting gestionado, alta disponibilidad y seguridad en Microsoft Azure y Amazon Web Services para que tu negocio escale sin límites.

Más info

Ciberseguridad y pentesting

Auditorías de seguridad, test de intrusión (pentesting) y protección de aplicaciones, datos e infraestructura on-premise y cloud, con hacking ético y cumplimiento normativo.

Más info

Business Intelligence

Cuadros de mando y análisis de datos con Power BI: integramos tus fuentes, diseñamos dashboards y KPIs y convertimos tus datos en decisiones.

Más info

Automatización de procesos

Automatizamos tareas repetitivas y conectamos tus aplicaciones con n8n, Power Automate, Make y RPA, eliminando trabajo manual y aumentando la productividad.

Más info

Formación para empresas

Formamos a tus equipos en tecnología con criterio: desarrollo web, bases de datos, Git, buenas prácticas y seguridad, automatización con n8n, inteligencia artificial para empresas y creación de soluciones de IA con Azure AI Foundry.

Más info

Auditoría de código

Auditamos el código que creas tú, tu equipo o una IA: te decimos qué está bien y qué mejorar, lo securizamos y lo dejamos listo para producción, web o app.

Más info

Generación de imágenes con IA

Creamos por ti las imágenes que necesita tu negocio con inteligencia artificial: producto, redes, publicidad, ilustración y avatares. Tú nos dices qué quieres y te lo entregamos listo para usar.

Más info

Generación de vídeos con IA

Creamos por ti vídeos con inteligencia artificial: promocionales, para redes, presentadores virtuales, doblaje y animaciones. Nos cuentas la idea y te lo entregamos montado y listo para publicar.

Más info

Avatares conversacionales con IA

Creamos avatares conversacionales con IA —humanos digitales con cara y voz— que atienden a tus clientes y equipos con el conocimiento de tu empresa, en tu web, monitores interactivos, WhatsApp o Teams.

Más info

Marketing Online e IA

Google Ads, Meta Ads, LinkedIn Ads y posicionamiento en motores de IA (GEO/AEO): captamos clientes y hacemos que tu marca aparezca donde te buscan, también en ChatGPT, Gemini y Perplexity.

Más info

¿Tienes un proyecto en mente?

Cuéntanos tu visión y la convertimos en una solución de software. Sea cual sea el alcance, hacemos realidad tu idea.