Función Chat de Cursor AI

Vamos a explorar la función Chat de Cursor AI. Con esta herramienta, podemos trabajar dentro de un contexto específico. Por ejemplo, cuando tenemos muchos archivos y carpetas en nuestro proyecto, podemos enfocarnos en un solo archivo donde la IA se concentrará sin saltar entre diferentes archivos y carpetas.

Esta función nos permite crear respuestas contextualizadas y yo la uso frecuentemente para:

• Agregar nuevas funcionalidades a una función específica
• Cambiar elementos de diseño
• Añadir documentación

Cómo acceder al Chat

Tenemos dos formas de abrir la función Chat:

1. Atajo de teclado: Cmd + L (Mac) o Ctrl + L (Windows/Linux)
2. Interfaz gráfica: Hacer clic en el icono del chat

También podemos alternar otros paneles:

• Terminal: Haciendo clic en su icono correspondiente
• Barra lateral: También se puede mostrar u ocultar

Usando la función Chat

Una vez abierto el chat, veremos:

• El texto «Ask Anything» (Pregunta cualquier cosa)
• El atajo de teclado correspondiente
• Varios modelos disponibles para elegir

Función de Mención (@)

La característica más poderosa es la función «Mention» (Mención). Al hacer clic en ella, podemos hacer referencia a:

• Archivos de nuestro proyecto
• Carpetas
• Código específico
• Documentación web
• Repositorios de código
• Notas

Estos elementos se llaman símbolos o dimensiones, y nos permiten proporcionar más contexto a la IA.

Ejemplo práctico

Imaginemos que queremos trabajar en el archivo app.js. Aquí te muestro el proceso paso a paso:

1. Referenciar el archivo:
   • Hacer clic en el signo «+»
   • Seleccionar app.js
   • Hacer clic en «Done» (Listo)
2. Hacer la solicitud: Ahora cualquier conversación estará referenciada a este archivo. Por ejemplo, podemos escribir: «Agrega comentarios a cada línea de código» y presionar Enter.
3. Revisar la respuesta: La IA sabrá exactamente a qué tipo de archivo aplicar la lógica. Veremos:
   • El nombre del archivo (en este caso, app.js)
   • Opciones: «Ask» (Preguntar), «Copy» (Copiar) y «Apply» (Aplicar)
   • Una descripción de lo que ha generado

Aplicar los cambios

Al hacer clic en «Apply», veremos los cambios visualizados con colores:

• Líneas rojas: Código que se eliminará
• Líneas verdes: Código que se agregará

Podemos:

• Revisar cada modificación individualmente pasando el cursor sobre las líneas
• Aceptar todos los cambios haciendo clic en «Accept» (Aceptar)

Funcionalidad automática

Una característica muy útil es que Cursor detecta automáticamente el archivo en el que estamos trabajando:

• Si tenemos abierto index.html, automáticamente lo seleccionará como contexto
• Si cambiamos a otro archivo, se actualizará la referencia
• Podemos agregar múltiples archivos (por ejemplo, app.js y styles.css) para que todo el chat se relacione con esos archivos específicos

Navegación en el historial

También podemos navegar por conversaciones anteriores usando los controles de navegación, lo que nos permite alternar entre diferentes contextos de trabajo.

---

Consejo: Esta función es especialmente útil cuando trabajas en proyectos grandes, ya que mantiene a la IA enfocada en los archivos relevantes sin distraerse con el resto del código base.