Qué es el vide coding: guía periodística para crear apps y webs sin saber programar

8 abril, 2026 Sebastian fonseca 137 Views Google, Inteligencia Artificial, programacion, tecnología, Web

La inteligencia artificial generativa ha difuminado la barrera técnica de la programación. Ya no es necesario
conocer la sintaxis de lenguajes complejos para desarrollar herramientas útiles; ahora, el lenguaje natural y elrazonamiento lógico toman el mando.

¿Que es el Vide Coding? porque es importante

El vide coding representa un cambio de paradigma en el desarrollo de software. Consiste en delegar la
escritura del código fuente a modelos de Inteligencia Artificial (LLMs), mientras el usuario humano actúa como
arquitecto, director y supervisor del proyecto, utilizando únicamente lenguaje natural.

A diferencia del movimiento “No-Code” tradicional (que se basa en arrastrar y soltar bloques visuales
predefinidos), el vide coding genera código real (HTML, CSS, JavaScript, Python, etc.) en tiempo real,
basándose en descripciones (prompts). El desarrollador ya no es quien pica el código, sino quien define la
lógica de negocio y valida el resultado.

Clave periodística: El valor del humano se desplaza de la ejecución técnica a la
definición de problemas. Si sabes explicar con precisión milimétrica qué quieres que haga un sistema,
puedes crearlo.

Ventajas y Desventajas del Vide Coding

Como toda disrupción tecnológica, este modelo presenta luces y sombras que las organizaciones deben evaluar cuidadosamente.

Ventajas	Desventajas / Riesgos
Democratización técnica: Permite a perfiles de negocio, diseño o marketing crear prototipos y herramientas operativas.	Deuda técnica oculta: El código generado puede ser ineficiente o complejo de mantener a largo plazo.
Velocidad sin precedentes: Reducción drástica del tiempo desde la idea hasta el prototipo funcional (MVP).	Efecto “Caja Negra“: Si el creador no sabe leer código, solucionar un error crítico (debugging) se vuelve muy complejo.
Iteración rápida: Modificar interfaces o lógicas es tan rápido como pedirle a la IA que rehaga una función específica.	Riesgos de seguridad: La IA puede incorporar vulnerabilidades si no se le instruye para aplicar estándares de ciberseguridad.

Competencias para vide coding: qué debo tener yo

Aunque no necesites saber escribir un for loop en JavaScript, desarrollar con vide coding
requiere habilidades sólidas, conocidas popularmente como “habilidades blandas estructuradas”:

Pensamiento lógico y algorítmico: Capacidad para dividir un problema grande en pasos
secuenciales pequeños.
Diseño de procesos: Entender cómo fluye la información (qué entra, qué se transforma y qué
sale).
Ingeniería de prompts (comunicación con IA): Expresarse con claridad, contexto,
restricciones y ejemplos.
Nociones de UX/UI: Entender principios básicos de usabilidad para pedir interfaces
intuitivas.
Testing y Validación: Capacidad de probar casos límite para descubrir dónde se rompe la
aplicación.

Herramientas y técnicas de vide coding

El ecosistema actual se divide en varias categorías fundamentales. A continuación, mencionamos ejemplos
orientativos ampliamente conocidos en la industria:

Editores de código potenciados por IA: Entornos de desarrollo como Cursor o GitHub Copilot.
Permiten chatear con toda la base de código.
Generadores de interfaces (UI): Herramientas como v0 (de Vercel) o plataformas similares
que transforman texto en interfaces (HTML/CSS/React) instantáneamente.
Automatizadores y No-Code orquestadores: Zapier, Make o n8n, a menudo combinados con IA
para enlazar procesos sin programar.

Cómo crear una app o web desde cero sin saber código

El secreto del vide coding no es pedir una app completa de golpe, sino construirla iterativamente. Este es el
método periodístico/práctico recomendado:

Paso 1: Definir el alcance (El “Qué”)

Describe en un documento de texto el problema exacto. ¿Quién lo usará? ¿Qué datos se introducen? ¿Qué
resultado se espera?

Paso 2: Crear herramientas internas para optimizar procesos

Empieza pequeño. En lugar de crear el próximo Facebook, crea una herramienta para tu equipo. Por ejemplo: un generador de informes, un gestor de vacaciones o un priorizador de tareas. Las herramientas internas perdonan errores estéticos y aportan valor inmediato.

Paso 3: Prompting arquitectónico

Pide a la IA que te genere la “estructura” o el “esquema” antes de escribir código. Valida con ella la lógica.

Paso 4: Generación e iteración (El “Cómo”)

Pídele a la IA el código bloque por bloque. Primero la interfaz (HTML/CSS), luego la lógica (JavaScript o
Python). Copia, pega y prueba en el navegador o en un editor básico.

Prompts y refinando prompts para vide coding

Contexto: Este es el primer paso para construir “JoyaCert”, una plataforma de confianza para la verificación de joyería de alta gama usando React 19, Tailwind CSS (v4) y TypeScript.
Tarea: Configurar el entorno, definir el sistema de diseño y crear los componentes atómicos y de diseño (layout) principales.
Instrucciones Detalladas:

Instalación y Configuración: Genera el comando de terminal para scafoldear un proyecto Vite con React 19 y TypeScript. Configura Tailwind CSS. Configura las fuentes ‘Playfair Display’ (Serif) y ‘Inter’ (Sans-serif) en Tailwind.
Sistema de Diseño (Tailwind): Configura la paleta de colores en el archivo de configuración de Tailwind:
• primary: Negro profundo (#000000) o Azul Marino muy oscuro.
• accent: Oro metálico suave (#D4AF37).
• background: Blanco puro o Gris claro (#F9FAFB).
• success: Verde esmeralda.
• error: Rojo carmesí.
Componentes Atómicos de UI (usando Radix UI o básicos):
• Crear un componente con variantes: primary (fondo oscuro, texto claro), outline (borde dorado, texto dorado) y ghost. Debe tener bordes sutilmente redondeados (rounded-lg).
• Crear un componente para la búsqueda, con un borde delgado y foco en dorado.
• Crear un componente para el estado de autenticidad (ej: “Verificado”).
Componentes de Diseño (Layout):
• Navbar: Crear una barra de navegación ‘sticky’. Debe incluir el logo (placeholder de texto “JoyaCert” en Serif), y enlaces a ‘Validar’, ‘Sobre Nosotros’, ‘Contacto’. En móvil, implementar un menú tipo ‘hamburger’ (usando Radix Dialog para el panel).
• Footer: Un pie de página minimalista con enlaces legales y copyright.
Animaciones Básicas: Configura Framer Motion e incluye una animación de ‘fade-in’ sutil al cargar la Navbar.
Resultado Esperado: Un proyecto funcional con la estructura de carpetas, configuración de diseño completada, y los componentes básicos de UI y Layout visualmente consistentes con la marca de lujo

Prompt 2: Desarrollo de la Página de Inicio (Buscador) y Mocking de Datos

Contexto: Con la base de diseño establecida en el Prompt 1, ahora construiremos la página principal de “JoyaCert” y prepararemos la estructura de datos para los certificados.
Tarea: Crear la landing page centrada en la búsqueda y definir el modelo de datos de TypeScript para los certificados de joyería.
Instrucciones Detalladas:

Página de Inicio (Home):
• Crear la ruta principal (/).
• Sección Hero: Diseñar una sección principal minimalista y lujosa.
• Título grande (Serif, Playfair Display): “Verifique la Autenticidad de su Joya de Lujo”.
• Subtítulo corto (Sans-serif, Inter): “Introduzca el ID del certificado para acceder a la trazabilidad y detalles técnicos garantizados.”
• Buscador Central: Implementar el componente creado en el Prompt 1, pero más grande y prominente.
• Añadir un icono de búsqueda (Lucide: Search) y un icono de código QR (Lucide: QrCode) dentro o junto al input.
• Un botón grande que diga “Consultar Certificado”.
• Sección de Valor: Debajo del buscador, añadir tres tarjetas pequeñas (borde gris muy suave, sombra shadow-sm) explicando brevemente: 1. Procedencia Garantizada, 2. Materiales Certificados, 3. Trazabilidad Completa. Usar iconos de Lucide-React (ej: ShieldCheck, Gem, MapPin).
Modelo de Datos (TypeScript):
• Definir una interfaz CertificadoJoya en TypeScript que incluya:
• id: string.
• nombrePieza: string.
• descripcion: string.
• imagenes: string[].
• metal: string (ej: “Oro 18k Rosa”).
• pesoGramo: number.
• gemas: { tipo: string, corte: string, claridad: string, color: string, quilates: number }[] (Las 4 C’s).
• fechaFabricacion: Date.
• laboratorioOficial: string.
• trazabilidad: { punto: string, fecha: Date, descripcion: string }[] (un array para el timeline).
• Crear un objeto de datos “mock” (falso) basado en esta interfaz para usarlo en el siguiente paso.
Resultado Esperado: Una página de inicio visualmente impactante y funcional donde el usuario puede interactuar con el buscador, y una estructura de datos sólida definida en TypeScript.

Prompt 3: Visualizador de Certificado Detallado y Modo Oscuro (Último Prompt)

Contexto: Tenemos la base de diseño y la página de inicio. Este es el último paso, donde construiremos la funcionalidad principal: la visualización del certificado digital detallado y la implementación del modo oscuro.
Tarea: Generar el código para la vista detallada del certificado y el modo oscuro. Asegúrate de que el diseño sea ‘pixel-perfect’, transmitiendo la sensación de una marca de lujo como TOUS o Tiffany & Co., pero con un enfoque tecnológico moderno de Vercel.
Instrucciones Detalladas (Código):

Página Detalle del Certificado (/certificado/[id]):
• Usar los datos “mock” creados en el Prompt 2.
• Estructura Responsive (Desktop vs Mobile):
• Mobile First: El certificado ocupa todo el ancho. Las secciones se apilan verticalmente. Botones de acción rápidos (Descargar PDF, Compartir) visibles.
• Desktop (Rejilla): Usar una rejilla de 12 columnas.
• Izquierda (Col 1-5): Galería de Imágenes. Un carrusel limpio (puedes usar embla-carousel-react o similar) con fotos de alta resolución de la joya.
• Derecha (Col 6-12): Detalles técnicos en una tarjeta flotante con sombra suave (shadow-sm) y un borde delgado dorado.
Componentes del Certificado:
• Cabecera: Nombre de la pieza (Serif), ID del certificado, y el “Sello de Autenticidad” (una insignia dinámica con Badge y icono ShieldCheck verde esmeralda).
• Ficha Técnica: Una tabla estilizada (Sans-serif) que muestre de forma limpia: Metal, Peso, Piedras Preciosas (desglosando las 4 C’s en columnas) y Fecha de Fabricación.
• Sección de Trazabilidad: Un ‘timeline’ vertical. Usar puntos dorados conectados por una línea fina. Cada punto muestra el origen (ej: “Mina de Oro Ética, Perú”), la fecha y una descripción corta. Usar iconos de Lucide (ej: MapPin, Hammer, Sparkles).
• Acciones: Botones con variante outline dorado para “Descargar PDF” (icono FileText) y “Compartir” (icono Share2).
Animaciones de Framer Motion: Implementar transiciones suaves al cargar el certificado o al abrir detalles técnicos (efecto de fade-in y slide-up).
Modo Oscuro (Dark Mode):
• Utilizar la estrategia de clase dark de Tailwind CSS.
• Crear un componente (icono de Sol/Luna) en la Navbar.
• Implementación: Cuando el modo oscuro esté activo (.dark en el body):
• Invertir el fondo blanco por un gris antracita oscuro.
• El texto principal pasa de negro a un gris muy claro o blanco roto.
• CRÍTICO: Mantener los acentos dorados (#D4AF37) exactamente igual para botones, iconos clave, y bordes de tarjetas, para que resalten sobre el fondo oscuro. El verde esmeralda y rojo carmesí también se mantienen.
Resultado Esperado: La aplicación completa. Una página de certificado detallada, responsive, animada y lujosa, con un modo oscuro totalmente funcional que preserve la identidad de la marca.

Soporte y dificultades de las apps creadas con vide coding

Construir es fácil; mantener es el verdadero desafío periodístico y tecnológico de esta tendencia.

Mantenibilidad y Deuda Técnica: El código generado puede ser desordenado (código
“espagueti”). Añadir nuevas funciones en el futuro requiere proporcionar el contexto completo a la IA, lo cual puede superar los límites de memoria (context window) del modelo.
Gobernanza y Seguridad: El Shadow IT (herramientas creadas sin conocimiento de los
departamentos de sistemas) crece. ¿Quién revisa que los datos guardados cumplen con la protección de datos (GDPR)?
Debugging (Depuración de errores): Cuando un cálculo falla o un botón no responde, reparar
el error a través de lenguaje natural requiere una paciencia analítica extrema, ya que el creador no sabe leer en qué línea exacta está el fallo.

Introducción

En el entorno académico y profesional actual, la gestión eficiente de información compleja es uno de los mayores retos. Las representaciones visuales —como mapas mentales, diagramas de flujo y esquemas jerárquicos— han demostrado ser herramientas poderosas para organizar ideas, identificar relaciones entre conceptos y facilitar la comprensión de sistemas complejos. Con la incorporación de la inteligencia artificial a estas herramientas, su potencial se ha multiplicado enormemente.

En la era digital, la organización y estructuración de ideas son esenciales para el éxito en cualquier ámbito, ya sea académico, profesional o personal. GitMind ha revolucionado la creación de mapas mentales mediante la integración de inteligencia artificial, automatizando y optimizando este proceso. PSeInt

En este contexto, GitMind se utilizó como herramienta central para la elaboración del mapa mental del proyecto NeuroFit Systems, permitiendo representar de forma clara y estructurada la arquitectura del modelo de negocio, los módulos del sistema y las relaciones entre sus componentes.

¿Para qué sirve GitMind?

GitMind destaca como una herramienta de productividad impulsada por IA que integra a la perfección tres funciones creativas esenciales: mapas mentales, diagramas de flujo y pizarras. Tanto si necesitas capturar la inspiración, organizar ideas o construir una sólida base de conocimientos, GitMind te ofrece una solución completa. GitMind

Sus principales funcionalidades son:

Generación y edición de mapas mentales Con sus temas y diseño diversificados, los usuarios pueden dibujar rápidamente mapas mentales, organigramas, diagramas de estructura lógica, mapas de árbol, diagramas de espina de pescado y más. Tuprofeia

Funciones potenciadas por IA GitMind permite convertir textos, artículos, audios, PDFs, presentaciones, páginas web e imágenes en resúmenes concisos y mapas mentales intuitivos. Incluye un resumidor de videos de YouTube que extrae subtítulos y convierte videos en mapas mentales con ideas clave, un resumidor de PDFs que extrae los puntos clave y los transfiere a mapas visuales estructurados, y un chatbot de IA al que se puede consultar directamente subiendo documentos o imágenes. App Store

Sugerencias inteligentes de contenido La IA en GitMind puede analizar los temas y el contenido que se añaden al mapa mental para sugerir ideas y subtemas relacionados. Esto es particularmente útil en fases iniciales de proyectos, donde la lluvia de ideas se puede ampliar con sugerencias contextuales. PSeInt

Colaboración en tiempo real GitMind permite la edición, comentarios y retroalimentación simultáneos entre varios usuarios, mejorando el trabajo en equipo. MOGE

Personalización y exportación Los usuarios pueden seleccionar entre diversos temas y personalizar los diseños de sus mapas mentales, incluyendo la opción de cambiar colores, formas y estilos de texto. Todas las creaciones se almacenan automáticamente en la nube, asegurando acceso desde cualquier dispositivo con conexión a Internet. PSeInt

Modo Presentación El Modo Presentación convierte los mapas mentales en presentaciones dinámicas, ideales para reuniones, clases y sesiones de brainstorming.

Contextos en los que se puede utilizar GitMind

GitMind es una herramienta útil especialmente para organizar ideas y realizar lluvias de ideas de forma colaborativa. Sus funciones permiten a los usuarios crear diagramas que mejoran la visualización de proyectos, flujos de trabajo y estrategias creativas. A continuación, los contextos más relevantes:

Educación y academia Los profesores pueden usar GitMind para organizar temas, presentar información de forma estructurada y ayudar a los estudiantes a visualizar conceptos complejos. Los estudiantes, por su parte, pueden resumir PDFs académicos, extraer ideas clave y organizar notas de investigación.

Gestión de proyectos y planificación empresarial Los equipos pueden hacer lluvias de ideas colaborativas, organizar flujos de trabajo, planificar proyectos y presentar estrategias con actualizaciones en tiempo real.

Investigación y revisión bibliográfica Gracias a su capacidad para extraer información de PDFs o páginas web, GitMind facilita la organización de grandes volúmenes de información en gráficos fáciles de entender.

Trabajo en equipo y metodologías ágiles La función Ideas Flow es perfecta para sesiones creativas donde se necesita que todos los miembros del equipo puedan contribuir ideas de forma rápida y visual. Esta característica es ideal para metodologías como el Design Thinking, donde la lluvia de ideas y la interacción del equipo son esenciales.

Redacción creativa y diseño Escritores y diseñadores pueden esquematizar historias, desarrollar conceptos y generar imágenes asistidas por IA para potenciar su proceso creativo.

Productividad personal Las personas pueden planificar horarios, seguir objetivos y capturar ideas de manera eficiente con herramientas de mapas mentales potenciadas por IA.

Cómo se utilizó GitMind para realizar el mapa

Paso 1 — Ingreso a la plataforma y registro

El primer paso fue acceder a la plataforma desde el navegador web ingresando a gitmind.com. Al llegar a la página de inicio, se desplegó el formulario de autenticación. GitMind ofrece tres métodos de acceso: correo electrónico con contraseña, inicio de sesión con cuenta de Facebook o con cuenta de Apple. En este caso se seleccionó la opción “Continuar con Google”, lo que abrió una ventana emergente del navegador solicitando seleccionar la cuenta institucional de Google asociada al correo sfonsecaa1@ucentral.edu.co, correspondiente a la cuenta universitaria de la Universidad Central. Una vez seleccionada la cuenta, el acceso fue inmediato sin necesidad de ingresar contraseña manualmente.

Tras iniciar sesión, la plataforma redirigió al panel principal, denominado “Mi Mente”, que funciona como el espacio de trabajo personal del usuario. En este panel se visualizan todos los proyectos existentes guardados en la nube. En el momento de la captura, la cuenta ya contaba con dos proyectos previos: uno sin título creado el 11 de mayo de 2026 y uno denominado “JOYACERT – Plataforma Empresarial del Sector Joyero” del 4 de mayo.

En la parte superior del panel se encuentran los accesos directos para crear nuevo contenido: GitMind AI, Crear nuevo mapa, Nuevo diagrama de flujo y Más. Para iniciar el mapa del proyecto se hizo clic en “Crear nuevo mapa”, abriendo el editor en blanco.

La barra lateral izquierda muestra las secciones disponibles de la plataforma: Inicio, Flujo de ideas, Mi Mente, Mis Planetas, Plantillas populares y Herramientas de IA.

Paso 3 — Interfaz del editor y activación del asistente de IA

Al abrir el nuevo mapa, el editor presentó el lienzo de trabajo con un único nodo central etiquetado como “Tema principal”. En la parte derecha de la pantalla se activó automáticamente el panel del asistente GitMind AI, que saludó al usuario e invitó a ingresar un tema para generar el mapa de forma automática. El asistente también mostró sugerencias de prompts de ejemplo como punto de partida.

En la barra de herramientas superior se visualizan las opciones de edición del mapa: selección, inserción de nodos, ajuste de relaciones, inserción de imágenes, vínculos, entre otros. En la parte inferior derecha del panel de IA se escribió el prompt con la descripción del proyecto: “Crea un mapa mental corporativo en GitMind sobre JOYACERT, plataforma digital del sector joyero en Bogotá que centraliza certificación, cotización y servicios”, y se envió al asistente.

Paso 4 — Generación automática del mapa por la IA

Tras procesar el prompt, GitMind AI generó de forma automática el mapa mental completo en cuestión de segundos. El resultado fue una estructura jerárquica radial con el nodo central “JOYACERT – Plataforma Empresarial del Sector Joyero” y seis ramas principales desplegadas simétricamente:

Usuarios y Acceso
Seguridad y Corrección de Cuentas
Módulos Core
Requerimientos Técnicos Stack Actual
Requerimientos Funcionales
Requerimientos No Funcionales
Mejoras Implementadas v2.0
Infraestructura e Integraciones
UX y UI

Cada rama se expandió con subnodos de segundo y tercer nivel con detalles técnicos específicos del sistema. El mapa fue guardado automáticamente en la nube (indicado por la etiqueta “Auto Guardado” en la esquina superior izquierda).

En el panel derecho, el asistente ofreció adicionalmente tres análisis complementarios sobre el proyecto: explicación del concepto, búsqueda de material de referencia y una línea de pensamiento basada en el mapa generado, todos disponibles con un clic.

MAPA MENTAL GITMIND

PROMT PARA REALIZACION DEL MAPA

Crea un mapa mental corporativo en GitMind sobre JOYACERT, plataforma digital del sector joyero en Bogotá que centraliza certificación, cotización y servicios empresariales.Usa colores azul profundo (#1A2540) y dorado (#C9963A), estructura jerárquica de nodos, diseño ejecutivo tipo SaaS startup. El nodo central es: JOYACERT – Plataforma Empresarial del Sector Joyero. Ramas: (1) Usuarios y Acceso: Registro validado, Login email/contraseña, Login social Google/GitHub/Microsoft vía Firebase Auth v10, Recuperación contraseña, Logout seguro, Roles Cliente/Joyería/Admin/SuperAdmin, 2FA por email OTP 6 dígitos. (2) Módulos Core: Noticias GNews API, Chatbot IA Gemini especializado, Calculadora Oro precio spot + PDF/Excel, Mapa Joyerías Bogotá Google Maps + rutas externas, Dashboard ejecutivo KPIs. (3) Requerimientos Funcionales: registrar usuarios, calcular quilataje COP, exportar reportes, CRUD joyerías, alertas precio oro, consultas IA, administración roles. (4) Requerimientos No Funcionales: API <2s, disponibilidad 99.9%, responsive, Ley 1581/2012, escalabilidad cloud. (5) Infraestructura e Integraciones: Node.js serverless Vercel, PostgreSQL Neon SSL, Firebase Auth, Google Maps, Gemini, GNews, nodemailer Gmail SMTP, GitHub Actions CI/CD. (6) Seguridad: Migración PHP→Node.js, guard auth.js, JWT+Refresh Tokens, bcrypt factor 10, rate limiting 5req/min, 2FA OTP, OWASP Top 10, variables de entorno protegidas. (7) UX/UI: navegación intuitiva, toggle contraseña, Toast, responsive, modal 2FA 6 cajitas, modo oscuro fase 2, WCAG 2.1.

Conclusiones

El vide coding es una de las revoluciones más pragmáticas de la IA generativa. Democratiza la
capacidad de crear soluciones digitales, transformando a cualquier empleado con capacidad analítica en un
creador de software.

Sin embargo, la velocidad no debe nublar el juicio. Esta metodología acelera la escritura de código, pero
no sustituye el criterio humano, las pruebas de calidad ni la supervisión de seguridad. Es
una herramienta formidable para crear prototipos (MVPs) y herramientas de uso interno, pero para sistemas
críticos de gran escala, el desarrollo profesional estructurado sigue siendo indispensable.

GitMind como acelerador del pensamiento estructurado El uso de GitMind demostró que las herramientas de mapeo mental potenciadas por inteligencia artificial no solo reducen el tiempo de elaboración de diagramas complejos, sino que también elevan la calidad estructural del resultado. Lo que manualmente podría tomar horas de organización jerárquica, el asistente de IA lo resolvió en segundos a partir de un único prompt descriptivo, permitiendo que el equipo enfocara su energía en revisar y afinar el contenido en lugar de construirlo desde cero.

Pertinencia de la herramienta en contextos académicos e interdisciplinarios Para un proyecto de la naturaleza de NeuroFit Systems, que articula componentes de Ingeniería Industrial, Ambiental y de Sistemas, contar con una representación visual que integre simultáneamente múltiples dimensiones del sistema resultó fundamental. GitMind permitió plasmar en un solo mapa la arquitectura del producto, el modelo de negocio y las relaciones entre módulos, facilitando la comprensión del proyecto tanto para el equipo como para el evaluador académico.

La IA como complemento, no como sustituto del criterio profesional Si bien la generación automática del mapa por parte de GitMind AI fue precisa y bien estructurada, la intervención humana en la revisión y ajuste de los nodos fue indispensable para garantizar que el contenido reflejara con exactitud las decisiones técnicas y estratégicas del proyecto. Esto evidencia que el valor real de herramientas como GitMind radica en la combinación entre la capacidad de procesamiento de la IA y el juicio crítico del equipo de trabajo, y no en la delegación total del proceso creativo a la máquina.

Créditos

Autor: Sebastian Andres Fonseca Acuña–Laura Camila Garcia Plazas

Editor: Magister Ingeniero Carlos Pinzón,

Código: UCIAG-9

Universidad: https://www.ucentral.edu.co/

Fuentes

Ray, P. P. (2025). A review on vibe coding: Fundamentals, state-of-the-art, challenges and future directions. Authorea Preprints.

Fawzy, A., Tahir, A., & Blincoe, K. (2025). Vibe Coding in Practice: Motivations, Challenges, and a Future Outlook--a Grey Literature Review. arXiv preprint arXiv:2510.00328.

Meske, C., Hermanns, T., Von der Weiden, E., Loser, K. U., & Berger, T. (2025). Vibe coding as a reconfiguration of intent mediation in software development: Definition, implications, and research agenda. IEEE Access, 13, 213242-213259.

Sarkar, A., & Drosos, I. (2025). Vibe coding: programming through conversation with artificial intelligence. arXiv preprint arXiv:2506.23253

Horvat, M., Kralj, B., & Gledec, G. (2025). A Comparative Study of Vibe Coding with ChatGPT and Gemini in Front-end Web Development. In Proceedings of the 36th International Scientific Conference: Central European Conference on Information and Intelligent Systems: CECIIS 2025 (pp. 787-796). Varaždin: University of Zagreb Faculty of Organization and Informatics.

Waseem, M., Ahmad, A., Kemell, K. K., Rasku, J., Lahti, S., Mäkelä, K., & Abrahamsson, P. (2025). Vibe Coding in Practice: Flow, Technical Debt, and Guidelines for Sustainable Use. arXiv preprint arXiv:2512.11922.