Saltar al contenido
Entrar
Plano del curso

Misión 10 de 23

  1. Señalar archivos con @
  2. Imágenes: enseñar vale más que describir
  3. Enlaces y documentación
  4. Ver cuánto llevas: /context
  5. Buenas costumbres
  6. Pruébalo

Contexto — @archivos, imágenes y /context

Qué es el contexto, cómo darle a Claude justo lo que necesita con @, capturas de pantalla y enlaces, y cómo vigilar cuánto llevas ocupado con /context.

  • Fundamentos
  • 8 min
  • 6 pasos
  • Revisada el

Al terminar sabrás

  • Entender qué es la ventana de contexto y por qué se llena
  • Señalar archivos con @ y pegar imágenes para enseñarle un diseño o un error
  • Vigilar el contexto con /context y mantenerlo limpio

El contexto es todo lo que Claude tiene delante en este momento: tus mensajes, sus respuestas, los archivos que ha leído, los resultados de los comandos y las instrucciones fijas (CLAUDE.md, lección 11). Tiene un tamaño máximo. Cuando se llena, Claude Code compacta la conversación y pueden perderse detalles.

Dos ideas:

  1. Más contexto no siempre es mejor. Contexto relevante, sí; contexto de relleno empeora el resultado.
  2. Tú decides qué entra. Si sabes dónde está el problema, díselo.

Señalar archivos con @

Escribe @ y el nombre del archivo; te lo autocompleta:

Pídeselo a Claude
En @index.html el menú se rompe en móvil. Arréglalo sin tocar los colores.

Así no tiene que buscar: va directo.

Imágenes: enseñar vale más que describir

Puedes pegar una captura con Ctrl + V (en Windows, Alt + V; en iTerm2 de Mac, Cmd + V) o arrastrar el archivo a la terminal. Úsalo para:

  • Errores: una captura del error en el navegador.
  • Diseños de referencia: «haz la cabecera parecida a esta».
  • Correcciones visuales: «este hueco sobra», con la captura marcada.

Enlaces y documentación

Si trabajas con una herramienta concreta, pásale su documentación:

Pídeselo a Claude
Lee https://docs.astro.build/es/guides/content-collections/ y úsalo para montar el blog.

Ver cuánto llevas: /context

Pídeselo a Claude
/context

Te dibuja una cuadrícula de colores con lo que ocupa cada cosa: instrucciones del sistema, herramientas, memoria, conversación y espacio libre. Si ves que la conversación se come casi todo, toca /compact o /clear (lección 7).

Buenas costumbres

  • Una tarea por conversación. Terminada, /clear.
  • Señala en vez de pegar: @archivo en lugar de copiar su contenido.
  • Resultados de comandos largos: pide que los resuma o que use un subagente (lección 18).

Pruébalo

  1. Haz una captura de tu web en el móvil (o con el navegador en tamaño móvil) y pégala: «¿qué mejorarías de esta vista?».
  2. Pide un cambio señalando el archivo con @.
  3. Ejecuta /context y mira cuánto ocupa ya la conversación.

Documentación oficial