EcoCompliance Pro: Gestión Ambiental mediante Vibe Coding

¿ Que es el Vibe Coding?

El vibe coding es una forma de crear software usando lenguaje natural. En lugar de escribir código línea a línea, describes lo que quieres construir y un modelo de inteligencia artificial lo genera por ti. El término fue acuñado por Andrej Karpathy, cofundador de OpenAI, a principios de 2025, y rápidamente se convirtió en uno de los conceptos más debatidos en la industria tecnológica.

La palabra “vibe” no es casual, hace referencia a dejarse llevar por la intención y el flujo creativo: describir una idea, la IA la traduce a código, se prueba, y si algo falla, le explicas el error para que lo corrija, “no es necesario entender cada línea”, el valor está en la visión, no en la sintaxis.

¿Por que es importante el Vibe Coding?

Su relevancia va más allá de una tendencia tecnológica, el vibe coding está redefiniendo quién puede crear software.
Por primera vez, personas sin formación técnica como diseñadores, docentes, investigadores pueden construir herramientas digitales adaptadas a sus necesidades reales, sin depender de un equipo de desarrollo. Lo que antes tomaba semanas ahora puede materializarse en horas, transformando radicalmente la manera de validar ideas y resolver problemas.
Para los profesionales técnicos, el rol también cambia: el foco se desplaza de escribir código a diseñar soluciones, hacer las preguntas correctas y evaluar resultados, el vibe coding no elimina la necesidad de pensar bien los problemas; los hace más accesibles para todos.

2. Ventajas y Desventajas

Desventajas del Vibe Coding:

3.Competencias para el Vibe Coding

El vibe coding exitoso no requiere saber programar, pero sí exige un conjunto diferente de habilidades:
Pensamiento computacional: descomponer problemas en partes lógicas y anticipar qué necesita hacer el sistema antes de pedírselo a la IA.
Comunicación precisa: la calidad del resultado depende directamente de qué tan bien describes lo que quieres, saber escribir instrucciones claras es la habilidad más importante.
Pensamiento crítico: no aceptar el código a ciegas. Evaluar si funciona, si es seguro y si hace exactamente lo que se necesita.
Iteración rápida: probar, identificar lo que falla y ajustar, el vibe coding avanza en ciclos cortos y esa comodidad con el ensayo-error es clave.
Conceptos técnicos básicos: entender qué es una base de datos, una API o un servidor permite dar instrucciones mucho más precisas, aunque no sepas programar.

4. Herramientas y Técnicas utilizadas en la creación de la App

5. ¿Cómo se creo la App desde 0 sin Saber Código?

El proceso de crear una aplicación con vibe coding sigue una lógica iterativa. No es lineal: se avanza por ciclos de descripción, generación, prueba y refinamiento.

Paso 1 — Definición del problema y del público objetivo: Todo gran proyecto comienza con un plan claro. Antes de abrir cualquier herramienta, se debe definir qué problema específico resuelve la app. En este caso, el objetivo es simplificar el cumplimiento ambiental para PyMEs, ayudándoles a evitar multas mediante la gestión de residuos y alertas legales

Paso 2 — Selección de las herramientas Tecnológica: se eligen herramientas que permitan pasar de la idea al producto sin programar manualmente. Para esta app, el arsenal definitivo incluyó:

• Lovable: Como plataforma principal para convertir prompts en una aplicación full-stack.
• Claude 3.5 Sonnet: Como motor de razonamiento para generar código y lógica compleja.
• ChatGPT: IA generativa que realizó recomendaciones de mejora y perfeccionamiento de los prompts.
• Supabase: Para la persistencia de datos y gestión de usuarios en tiempo real.

Paso 3 — Generación del “Esqueleto” Inicial: El primer paso técnico es describir la estructura básica a la IA mediante un prompt estructurado.

• Se solicitó un sidebar oscuro con secciones para el Dashboard, Registro, Alertas y Normativa.
• Se implementó un Onboarding para que el usuario elija su sector (Alimentaria, Construcción, Química o Salud), lo que condiciona el resto de la experiencia.

5.1 Herramientas internas que optimizan los procesos:

Paso 4 — Desarrollo Incremental de la Lógica: En lugar de pedir todo a la vez para evitar errores, la app se construye por bloques.

• Formularios Dinámicos: Se configuró el registro para que los tipos de residuos cambien según el sector industrial.
• Sistema de Cumplimiento: Se inyectó la lógica de vencimiento de permisos, usando colores (rojo/naranja) según la proximidad de la fecha legal.

.Paso 5 — Robustez Técnica y Seguridad: Una vez funcional, se añaden las capas de seguridad imprescindibles para un entorno real.

• Autenticación: Se implementó un sistema de Login para proteger la información sensible de cada empresa.
• Políticas RLS: Se configuraron reglas de seguridad en la base de datos para que cada usuario solo vea sus propios registros.

Paso 6 — Refinamiento de la Experiencia de Usuario (UX): Se añadieron funciones avanzadas para convertir el prototipo en una herramienta de inteligencia de negocio.

• Selector de Rango de Fechas: Un calendario interactivo para filtrar la información del Dashboard por días, semanas o meses.
• Gestión de Sucursales: La capacidad de manejar múltiples sedes de una misma empresa de forma independiente.
• Exportación Multiformato: Generación de reportes automáticos en PDF y Excel basados en los filtros aplicados.

Paso 7 —Prueba y Validación: El paso final es probar la aplicación con datos reales (con10 registros de prueba) para analizar los gráficos que realiza, la información que exporta e ir evaluando mejoras en la App.

5.2 Diseño de la App: Caso Práctico

EcoCompliance Pro está diseñada para resolver el problema de la fragmentación de datos ambientales en PyMEs.

1. Onboarding Sectorizado: El usuario elige su industria (Alimentaria, Construcción, Química, Salud), lo que condiciona toda la lógica de la app.
2. Módulo de Registro: Permite capturar datos específicos como RME (Residuos de Manejo Especial) y residuos peligrosos con campos de cantidad y empresa recolectora.
3. Sistema de Alertas: Monitorea licencias críticas (Vertidos, Emisiones, RCD) mostrando estados visuales: naranja para vencimientos próximos (<30 días) y rojo para documentos vencidos.
4. Dashboard Inteligente: Un panel interactivo con Selector de rango de fechas que permite exportar reportes en PDF y Excel filtrados por sucursal o periodo de tiempo.

6. Prompts y refinado

Crea la base de la aplicación ‘EcoCompliance Pro’. Implementa un sidebar oscuro con las secciones: Dashboard, Registro de Residuos, Alertas y Biblioteca. El diseño central debe ser minimalista en tonos verdes y grises. Al iniciar, muestra un modal de Onboarding donde el usuario elija su sector: Alimentaria, Construcción, Manufactura Química o Salud. Guarda esta elección en el estado de la app.

Configura el ‘Registro de Residuos’ para que sea dinámico. Si el sector es Alimentaria, muestra AVU y lodos; si es Construcción, muestra RCD y madera; si es Manufactura Química, muestra solventes y lodos químicos; si es Salud, muestra biosanitarios. En todos los sectores, incluye una opción de RME (Cartón/Papel). Asegura que el formulario tenga campos para cantidad (kg), fecha y empresa recolectora.

Añade el panel de ‘Alertas y Permisos’. Configura permisos automáticos: Vertidos (Alimentaria), RCD (Construcción), Emisiones (Química) y Residuos Hospitalarios (Salud). Implementa un sistema de colores: Naranja si el vencimiento es en <30 días y Rojo si ya venció. Conecta la app a Supabase para que los datos persistan y añade un botón en el Dashboard para exportar los reportes en PDF.

Seguridad y Autenticación: Implementa un sistema de Login y Registro de usuarios. Una vez activado, configura las políticas RLS (Row Level Security) en Supabase para que cada usuario solo pueda ver y gestionar los datos de su propia empresa, eliminando el acceso público a la base de datos

Contenido de la Biblioteca Normativa: Rellena la sección de ‘Biblioteca’ con una lista interactiva de normativas aplicables. Incluye resúmenes de: General: Ley de Gestión Integral de Residuos. Alimentaria: Norma de Vertidos en Alcantarillado. Construcción: Resolución de Gestión de Escombros (RCD). Química: Decreto de Manejo de Sustancias y Residuos Peligrosos. Salud: Manual de Gestión de Residuos Hospitalarios.

Panel de Alertas Inteligente: Ajusta el componente de ‘Alertas’ para que los cálculos de vencimiento sean automáticos basándose en la fecha actual. Si un permiso como la ‘Licencia de Vertidos’ está vencido, debe mostrar un icono rojo pulsante y una notificación de advertencia inmediata.

Añade un botón de eliminar (icono de papelera) en cada tarjeta de la sección de Alertas y Permisos para que yo pueda quitar los que no apliquen.

Conecta la aplicación a una base de datos real (Supabase) para asegurar la persistencia de los datos. Asegura que sea una PWA (Progressive Web App) para que pueda instalarse en dispositivos móviles.

El Dashboard debe mostrar un resumen visual (gráficos) del total de residuos generados en el mes y el estado general de cumplimiento.

Actualiza el sistema de autenticación de EcoCompliance Pro con las siguientes mejoras de seguridad y UX: Visibilidad de Contraseña: En los campos de contraseña de las pantallas de Login y Registro, añade un icono de ‘ojo’ que permita al usuario alternar entre ocultar y ver los caracteres que está escribiendo.

Flujo de Contraseña Olvidada: Añade un enlace que diga ‘¿Olvidaste tu contraseña?’ justo debajo del campo de login. Implementa la lógica de Supabase Auth para que, al hacer clic, el usuario pueda ingresar su correo electrónico y recibir un email de recuperación automático. Crea una pantalla de ‘Restablecer Contraseña’ a la que el usuario sea redirigido desde el correo para ingresar su nueva clave de forma segura.

Mejora el filtro del Dashboard de ‘EcoCompliance Pro’. En lugar de solo opciones fijas, implementa un Date Range Picker (Selector de rango de fechas). Permite que el usuario seleccione una fecha de inicio y una de fin en un calendario. Al aplicar el rango, todos los gráficos de residuos y el estado de cumplimiento deben actualizarse automáticamente para mostrar solo los datos de ese periodo.

7. Soporte y Dificultades de la App

Construir EcoCompliance Pro fue solo el primer paso, una app conectada a bases de datos reales, con autenticación y lógica dinámica por sectores, tiene vida propia y puede seguir creciendo. El vibe coding no termina con el despliegue: es el mismo proceso iterativo el que permite mantenerla, mejorarla y escalarla en el tiempo.

Lo que se puede mejorar y expandir

La arquitectura actual de EcoCompliance Pro es una base sólida sobre la que se pueden construir nuevas capas de valor sin reescribir todo desde cero. Algunas mejoras concretas que se pueden implementar con prompts bien estructurados:

• Notificaciones automáticas: configurar alertas por correo electrónico o WhatsApp que avisen al usuario cuando una licencia está próxima a vencer, sin necesidad de entrar a la app.
• Módulo multiempresa: expandir la gestión de sucursales para que un mismo usuario administre varias empresas desde una sola cuenta, con reportes consolidados.
• Inteligencia predictiva: incorporar lógica que analice el historial de residuos y proyecte el cumplimiento futuro, ayudando a las PyMEs a anticiparse a problemas antes de que ocurran.
• Integración con organismos reguladores: conectar la app con APIs de entidades ambientales para validar en tiempo real si los permisos registrados siguen vigentes según las bases de datos oficiales.
• App móvil nativa: evolucionar la PWA actual hacia una aplicación nativa para iOS y Android, mejorando la experiencia en campo para operadores que registran residuos directamente desde planta.

El desarrollo de EcoCompliance Pro también dejó lecciones claras sobre los límites del vibe coding en proyectos reales.

Lógica condicional compleja Pedir que los formularios cambiaran automáticamente según el sector requirió prompts muy específicos. Un prompt vago como “haz que el formulario cambie según el sector” no fue suficiente: la IA necesitó que se le describiera cada caso por separado con sus residuos correspondientes. La ambigüedad en la instrucción se traduce directamente en resultados incorrectos.

Integración con bases de datos Pasar de un prototipo visual a una app con datos reales y persistentes en Supabase implicó resolver tres capas de complejidad en prompts separados: conexión a la base de datos, autenticación de usuarios y políticas RLS. Intentar hacerlo todo en un solo prompt generó errores difíciles de identificar. La solución fue ir capa por capa.

Seguridad subestimada Configurar el cifrado de datos, la gestión de secretos y las reglas de acceso no es algo que la IA resuelva bien con instrucciones genéricas. Fue el reto más complejo del proyecto y requirió validación externa para confirmar que las políticas estaban correctamente implementadas.

8. Conclusiones

EcoCompliance Pro es la prueba más concreta de lo que el vibe coding puede lograr: una aplicación real, conectada a bases de datos, con autenticación, lógica dinámica por sectores y exportación de reportes, construida sin escribir una sola línea de código manualmente. Lo que antes habría requerido un equipo de desarrollo y meses de trabajo, hoy puede materializarse en ciclos cortos de descripción, generación y refinamiento.

Pero el caso de EcoCompliance Pro también deja clara una lección importante: el vibe coding no reemplaza el pensamiento, cada prompt efectivo nació de una comprensión profunda del problema qué necesita una PyME para cumplir con sus obligaciones ambientales, qué datos son críticos, qué errores pueden costar una multa y no de una descripción vaga entregada a una IA, la calidad del resultado siempre fue proporcional a la claridad de la instrucción.

Créditos

Autores: Brayan Steven Forez Maldonado – Yeraldin Becerra Barrera
Editor: Magister ingeniero Carlos Iván Pinzón Romero
Código: UCIA-9 – UCIA-5
Universidad: Universidad Central

Fuentes

Edwards, B. (5 de marzo de 2025). Will the future of software development run on vibes? Ars Technica. https://arstechnica.com 

Naughton, J. (16 de marzo de 2025). Now you don't even need code to be a programmer. But you do still need expertise. The Observer. https://www.theguardian.com/observer

Wikipedia. (2025). Vibe coding. https://es.wikipedia.org/wiki/Vibe_coding

Roose, K. (27 de febrero de 2025). Not a coder? With A.I., just having an idea can be enough. The New York Times. https://www.nytimes.com

Agencia Nacional de Licencias Ambientales [ANLA]. (2020, 1 de octubre). Permiso y Autorización Emisiones Atmosféricas Fuentes Fijas. https://www.anla.gov.co/01_anla/allcategories-es-es/250-tramites-y-servicios/tramites/permisos-y-autorizaciones/emisiones-atmosfericas-fuentes-fijas 

Ministerio de Ambiente y Desarrollo Sostenible. (s.f.). Licenciamiento Ambiental. https://www.minambiente.gov.co/asuntos-ambientales-sectorial-y-urbana/licenciamiento-ambiental/ 

Secretaría Distrital de Integración Social [SDIS]. (2021). Instructivo gestión de residuos de construcción y demolición – RCD. chrome-https://sig.sdis.gov.co/images/documentos_sig/procesos/gestion_ambiental/documentos_asociados/20211021_ins_ga_005_v0_instructivo_gestion_integral_rcd.pdf