Del IDE a la iteración
Si estás aprendiendo a hacer vibe coding con Copilot, empieza con un cambio pequeño que puedas probar en lugar de pedir una aplicación completa. Vibe Code te ayuda a definir la solicitud; Copilot te ayuda a trabajar en el código desde tu editor. Mantén el control de los archivos, las pruebas y la decisión final.
La mayoría de las personas ya tienen una idea, un editor y una forma de ejecutar el proyecto. Lo útil es plantearle a Copilot una solicitud más acotada en cada etapa de ese proceso.
Puedes describir una función, pero no sabes con certeza qué archivos cambiar. Pide un plan de archivos antes de solicitar código y luego revisa cada cambio propuesto.
Una primera tarea más pequeña y una forma de comprobar si funciona.
Tienes una página funcional y quieres añadir una interacción. Proporciona a Copilot el componente pertinente y describe el comportamiento que debe conservar.
Un cambio concreto que puedes previsualizar y probar sin reconstruir la página.
Necesitas un flujo utilizable, no solo una pantalla. Describe los datos de entrada, el estado guardado y el comportamiento ante errores antes de generar el código de la interfaz.
Una parte de la aplicación que puedas probar de principio a fin.
Quieres comparar cómo responden distintos asistentes a la misma descripción acotada de una función. Mantén los mismos criterios de aceptación en todos los intentos.
Una comparación basada en el funcionamiento real, no en una respuesta que solo parece bien presentada.
Vibe Code es un espacio para aclarar la tarea antes de editar. Copilot trabaja con el contexto del proyecto disponible en tu entorno de desarrollo; ninguno de los dos elimina la necesidad de revisar el resultado.
| Descripción de Vibe Code | Copilot en tu editor | |
|---|---|---|
| Punto de partida | Un objetivo y unas restricciones expresados en lenguaje sencillo | Una solicitud junto con los archivos del proyecto y el contexto del editor |
| Uso inmediato más útil | Convertir una idea amplia en una solicitud de funcionalidad concreta | Proponer código o modificaciones para esa solicitud |
| Conocimiento del proyecto | Solo el contexto que proporciones en la descripción | Los archivos y el contexto que pongas a disposición en el editor |
| Resultado útil | Alcance, criterios de aceptación y casos límite | Cambios de código y explicaciones para revisar |
| Verificación | Define qué debe comprobarse | Puede ayudar a redactar pruebas; tú debes ejecutarlas y evaluar los resultados |
| Traspaso | Copia una solicitud refinada en tu sesión de trabajo | Aplica los cambios seleccionados en el proyecto |
| Responsabilidad final | Haz que la solicitud sea lo bastante específica como para poder evaluarla | Revisa los cambios, ejecuta la aplicación y decide qué conservar |
Una solicitud vaga suele producir demasiado código para evaluarlo. Conviértela en una tarea acotada y luego compara el cambio propuesto con el comportamiento que pediste.
Sustituye «crea una aplicación de productividad» por «añade una lista de tareas a esta página». Indica quién la usa, qué puede hacer y qué debe permanecer sin cambios.
Proporciona a Copilot los archivos pertinentes y pídele que explique su plan antes de editar. Haz vibe coding en pasos cortos: implementa un comportamiento, revisa los cambios y luego continúa.
Prueba la función, introduce un valor vacío, actualiza la página y ejecuta las pruebas pertinentes. Si falla una comprobación de aceptación, describe el fallo en lugar de pedir que se reescriba todo.
Cada flujo de trabajo debe terminar con algo que puedas revisar. Estas tarjetas muestran los requisitos, el cambio esperado y la comprobación que permite usar el resultado.
Especifica cómo añadir, completar y eliminar tareas en una página existente. El entregable debe ser una interacción funcional, no una maqueta estática; comprueba el uso del teclado y los envíos vacíos.
Describe una preferencia de tema que se mantenga al actualizar la página. El entregable incluye un valor predeterminado razonable y una comprobación de los valores guardados ausentes o no válidos.
Indica la regla esperada, el fallo observado y un dato de entrada que permita reproducirlo. El resultado debe ser una corrección específica con una prueba de regresión, no un rediseño del formulario sin relación con el error.
El mismo hábito de vibe coding funciona con distintos puntos de partida: haz que la siguiente solicitud sea específica, mantén los cambios fáciles de revisar y verifica el comportamiento en el proyecto en ejecución.
Proyecto nuevo
Pide a Copilot una estructura mínima solo después de definir la primera acción del usuario y cómo la probarás. Evita pedir todas las funciones previstas a la vez.
Código existente
Indica a Copilot los archivos relevantes y describe el comportamiento que debe mantenerse. Revisa los cambios propuestos para detectar modificaciones no relacionadas antes de aceptarlos.
Informe de errores
Dale a Copilot una entrada que falle, el resultado esperado y el resultado real. Un caso reproducible facilita evaluar una corrección puntual más que pedirle «arregla esta página».
Si tu flujo de trabajo en el editor no es el mejor punto de partida, compara otro asistente o haz un ejercicio para principiantes con la misma disciplina de trabajar en tareas pequeñas.
Usa Vibe Code para convertir tu próxima idea de funcionalidad en una descripción enfocada. Lleva esa descripción a tu sesión de Copilot, revisa los cambios sugeridos y ejecuta el resultado antes de ampliar el alcance.
Puedes empezar describiendo una función pequeña con palabras cotidianas, pero aun así debes ejecutarla y reconocer cuándo falla. Familiarízate lo suficiente con los archivos del proyecto, los mensajes de error y las pruebas para tomar decisiones fundamentadas sobre las sugerencias de Copilot.
Una solicitud para crear toda una aplicación es difícil de revisar y depurar. Empieza con un flujo que funcione, define cómo probarlo y añade la siguiente función solo cuando la primera se comporte como esperabas.
Indica los archivos pertinentes, el comportamiento actual, el cambio solicitado y las convenciones que debe seguir la modificación. Incluye un ejemplo reproducible si se trata de un error y dile a Copilot qué debe permanecer sin cambios.
Compara los cambios con tu solicitud original, ejecuta la aplicación y prueba entradas normales y casos límite. Ejecuta también las pruebas pertinentes; una explicación convincente del asistente no sustituye la comprobación del comportamiento.
No des por hecho que existe una conexión automática entre ambos. Considera el resultado de Vibe Code como una descripción que debes revisar y llevar a tu propia sesión de trabajo con Copilot.