El momento en que me di cuenta de que la codificación había cambiado para siempre
Estaba a punto de instalar manualmente Tailwind CSS en mi nuevo proyecto cuando decidí probar el nuevo Modo Agente de VS Code. Lo que ocurrió a continuación me dejó alucinado.
En lugar de simplemente darme instrucciones, la IA:
✅ Dependencias instaladas
Modificó archivos de configuración
✅ Incluso arrancó mi servidor de desarrollo
Pero entonces falló espectacularmente - y ese fallo me enseñó la única cosa que todo desarrollador necesita saber sobre estas nuevas herramientas de IA.
Modo Agente: Tu nuevo compañero de trabajo con IA (que funciona de verdad)
Cómo desbloquearlo
Puede que aún no lo veas, se está desplegando lentamente. Pero aquí está el interruptor secreto:
- Abre Configuración de usuario (Ctrl+, o Cmd+,)
- Busca «agente».
- Marca la casilla
Ahora tu barra lateral de chat tiene tres modos:
- Preguntar (Respuestas al estilo ChatGPT)
- Editar (Modifica archivos)
- Agente (Hace todo - como un desarrollador real)
¿El truco? Es tonto sin contexto
Cuando le pedí por primera vez que «instalara Tailwind CSS», me dio instrucciones obsoletas. ¿Por qué?
La formación de Claude 3.5 se detuvo en abril de 2024.
Pero los documentos de Tailwind tenían 2025 actualizaciones.
¿La solución? Oblígalo a leer los documentos
Usé la herramienta #fetch para darle la guía de instalación exacta de Tailwind y le ordené:
«Siga estas instrucciones al pie de la letra».
De repente, funcionó a la perfección:
- Se saltaron pasos innecesarios (ya teníamos un proyecto)
- Editado postcss.config.mjs perfectamente
- Creó los archivos CSS
- Incluso arrancó el servidor
dev
La IA es poderosa, pero sólo si la diriges como a un desarrollador junior.
La prueba definitiva: ¿Puede crear una aplicación completa?
Le di un Documento de Requisitos de Producto (PRD) para «3D Time Table App» - una aplicación web para hacer una tabla de horarios descargable fácilmente.
Pero primero, nos encontramos con un obstáculo importante...
El problema de la base de datos
La IA necesitaba entender mi esquema Postgres (con enlaces y listas de tablas). ¿Cómo?
Conoce los servidores MCP (tu nueva arma secreta)
MCP = Protocolo de Contexto de Modelo
Estos pequeños programas locales conectan VS Code a sistemas externos (como bases de datos).
Así es como lo configuré
Encontré un servidor MCP Postgres en mcp.so
Hazte con el paquete de nombres aquí:
Instalado a través de npm
Luego de vuelta en VS Code, Busque '>mcp: Add Server ...'
Lo conecté a mi base de datos
Ahora, cuando pregunté:
«¿Cuál es mi esquema de base de datos?»
Consulta directamente a Postgres y responde:
"Tienes 2 tablas: usuarios y listas. Las claves primarias son..."
El gran momento: "Construye esta aplicación para mí
Solté el PRD en el chat y escribí:
«Por favor, construye la aplicación definida en este documento».
Luego me fui a comer.
30 minutos después... estaba hecho
Volví a una aplicación totalmente funcional con:
- Interfaz de usuario estilo Tailwind
- Integración de base de datos
- Obtención de metadatos de enlaces (¡obtención automática de títulos y favicons!)
- Reordenación mediante arrastrar y soltar
¿El único arreglo manual? Una declaración de importación Postgres - e incluso que fue capturado por:
Siguiente Edición Sugerencias: IA que corrige sus propios errores
Cuando ajusté una importación, VS Code marcó automáticamente los errores relacionados y se ofreció a corregirlos.
La función más infravalorada: Trae tu propia IA
Ya no tiene que limitarse a Copilot. VS Code ahora le permite:
- Ir a «Gestionar modelos».
- Pegar tu clave API (Gemini, Ollama, etc.)
- Utiliza el modelo que quieras
Veredicto: ¿Es el futuro?
Después de probarlo, esta es la verdad:
✅ El modo agente es revolucionario: construye en lugar de limitarse a sugerir
✅ Los servidores MCP resuelven el problema de «la IA no conoce mi BD»
✅ Las sugerencias de próxima edición ahorran horas de depuración
Pero...
⚠️ No es magia - debes proporcionar un contexto claro
⚠️ La velocidad varía (las tareas complejas llevan tiempo)
¿Qué es lo siguiente?
Estoy probando si puede:
- Depurar código heredado
- Automatizar despliegues
- Escribir pruebas
Una cosa está clara: la forma en que codificamos nunca será la misma.
Tu turno
¿Qué vas a construir con estas herramientas? ¡Pruébalo y házmelo saber en los comentarios!
