Trucos de Claude Code: imágenes, voz y estilos de salida

Hola, bienvenido. En la lección anterior repasamos las reglas que te ahorran uso y montamos una statusline propia, y en esta lección vamos a ver 3 trucos para el día a día con Claude Code. El primero es pasarle imágenes en el prompt, para cuando el problema se ve mejor que se describe. El segundo es dictarle los prompts con la voz. Y el tercero son los estilos de salida, que cambian cómo te responde Claude durante toda la sesión, por ejemplo para que vaya al grano con Concise.

¿Por qué juntarlos en una lección? Porque los 3 atacan el mismo cuello de botella: la comunicación entre tú y Claude. Una captura de un error en el navegador le dice a Claude en un segundo lo que a ti te costaría un párrafo explicar, dictar un prompt largo es más rápido que escribirlo, y un estilo de salida te ahorra leer introducciones y resúmenes que no necesitas. Probar la aplicación en el navegador, que en la versión anterior del curso iba en esta lección, ya lo vimos en la lección Probar tu app Laravel en el navegador con Claude Code.

Para seguir la lección necesitas una sesión de Claude Code abierta en claude-tasks. El dictado por voz tiene sus propios requisitos, que veremos en su apartado, y de los estilos de salida, Concise necesita la versión 2.1.237 o posterior y el comando /output-style, la 2.1.269, así que con la 2.1.283 del curso tienes todo.

Hay problemas que dependen de algo que se ve: una página que se descoloca en el navegador, un error que te enseña la aplicación, un diseño que te han pasado para maquetar o un diagrama del modelo de datos. En lugar de describirlo, se lo puedes enseñar a Claude, y la documentación da 3 formas de hacerlo:

• Arrastrar la imagen a la ventana de Claude Code.
• Pegarla desde el portapapeles con Ctrl+V, o con Cmd+V en iTerm2 y Alt+V en Windows y WSL. En WSL funcionan las 2 combinaciones, y Alt+V es la que te sirve si tu terminal se queda con Ctrl+V.
• Darle la ruta del archivo en el prompt, como en «analiza esta imagen: /ruta/de/la/captura.png». En WSL2, las carpetas de Windows están bajo /mnt/c, así que una captura que guardaste en Windows también te sirve.

Cuando pegas una imagen, Claude Code inserta en el cursor una marca [Image #1], con el número de la imagen, para que puedas referirte a ella dentro del prompt. Puedes pegar varias en el mismo mensaje y en la misma conversación, y cuando Claude cita una en su respuesta, Ctrl+Click en Windows y Linux, o Cmd+Click en macOS, la abre en tu visor.