0:001:29

Recursos

Resumen

¿Te imaginas construir una página web solo con tu voz? Con Windsurf, el IDE con inteligencia artificial, eso ya es posible: describes lo que quieres y la IA traduce tu idea en código en segundos, sin salir del editor. Si estás aprendiendo a programar o quieres acelerar tu flujo de trabajo, aquí entenderás cómo funciona y qué puedes lograr con él.

Cómo funciona Windsurf y su agente Cascade

Windsurf es un entorno de desarrollo que integra a Cascade, un agente que entiende todo tu proyecto de principio a fin. No trabaja a ciegas: sabe qué archivos tocaste, qué comandos ejecutaste y cómo está organizada tu aplicación [0:34].

La dinámica es simple. Un prompt de texto o un comando de voz basta para que aparezca la estructura, los archivos y hasta los estilos. Y aquí viene lo interesante: tú mantienes el control de qué aceptar, mientras la IA hace el trabajo pesado [0:18].

Cascade no interrumpe, colabora. Refactoriza código, crea componentes y respeta las reglas que tú mismo defines para mantener el orden en el proyecto [0:45].

¿Qué es Cascade en Windsurf? Es el agente de inteligencia artificial que comprende el contexto completo de tu proyecto, incluyendo archivos modificados, comandos ejecutados y la organización de tu app, para generar y refactorizar código colaborando contigo.

Qué puedo hacer combinando voz, texto e imágenes

Una de las ventajas más potentes es poder trabajar con distintos tipos de entrada. Puedes partir de un wireframe para generar una interfaz y luego ajustarla hablándole al editor [0:52].

Estas son algunas acciones concretas que logras dentro de Windsurf:

  • Generar una landing page a partir de un wireframe de referencia.
  • Ajustar detalles hablándole al editor con comandos de voz.
  • Revisar la aplicación en el preview integrado sin salir del entorno.
  • Pedir cambios sobre elementos puntuales de la interfaz.

Todo esto ocurre en un mismo espacio, lo que evita saltar entre herramientas y perder el foco.

Para qué sirven Deep Wiki y los workflows

Más allá de escribir código, Windsurf incluye funciones que ordenan y automatizan tu proyecto. Deep Wiki documenta las funciones de tu aplicación de forma automática, mientras que los workflows automatizan tareas repetitivas como el commit y el push [1:05].

Esto significa que acciones que normalmente harías a mano, una y otra vez, quedan resueltas dentro del mismo editor.

¿Qué son los workflows en Windsurf? Son automatizaciones para tareas repetitivas del desarrollo, como hacer commit y push de tu código, que se ejecutan dentro del editor sin que tengas que salir ni perder concentración.

Qué vas a construir en el curso con Next.js

El proyecto central es un portafolio completo en Next.js, con homepage, un blog con sus posts y una página de about. Lo construirás combinando prompts de texto, voz e imágenes de referencia [1:18].

Durante el proceso vas a desarrollar habilidades clave:

  • Planificar tu proyecto usando el modo chat.
  • Generar código con el modo code.
  • Configurar reglas para mantener la consistencia del proyecto.
  • Refactorizar código ya existente.
  • Reemplazar mocks por una API sencilla.

Además, probarás funciones centrales como el preview integrado, el Deep Wiki y los workflows, que son las que marcan la diferencia en velocidad [1:40].

¿Qué es un mock en programación? Es un dato o componente simulado que usas temporalmente para probar tu aplicación antes de conectar la fuente real. En el curso aprenderás a reemplazar esos mocks por una API sencilla y funcional.

Por qué programar así es más rápido y fluido

La promesa es ir de la idea al proyecto funcional sin salir del editor. Cuando la IA entiende tu proyecto completo y automatiza lo repetitivo, programar deja de sentirse fragmentado.

Eso libera tu energía para lo creativo: decidir qué construir y cómo se ve, mientras Cascade resuelve el trabajo técnico pesado. ¿Te animas a crear tu portafolio con voz y prompts? Cuéntame en los comentarios qué proyecto te gustaría construir primero.

Crea un portafolio en Next.js con Windsurf

Curso de Windsurf AI

Clase 1 de 21

Clase 1 / 21