Dar contexto a la IA: archivos, imágenes y fragmentos de código

Adjunta imágenes y archivos, señala un archivo del proyecto con @ o selecciona líneas en la pestaña Código, para que la IA sepa exactamente de qué hablas.

En el modo código, el + a la izquierda del cuadro de mensaje (Más opciones) reúne todo lo que puedes sumar a un pedido:

Elemento	Qué hace
Proyecto ›	Lleva a una parte del editor: Vista previa, Plan, Código, Base de datos, Historial o Dominio.
Centro de ayuda	Abre este centro de ayuda en una pestaña nueva.
Soporte	Abre la página de soporte en una pestaña nueva.
Agregar contexto (@)	Elige un archivo del proyecto para el próximo pedido.
Adjuntar archivos	Abre la ventana para elegir archivos de tu computadora.

El campo Buscar…, arriba en el menú, filtra los elementos y también encuentra archivos del proyecto por nombre. Las flechas del teclado navegan, Enter elige y Esc cierra.

En el editor visual, el + (Añadir contexto) tiene Adjuntar archivos, Capturar la pantalla, Conocimiento y Centro de ayuda.

Señalar un archivo con @

En el cuadro de mensaje, escribe @
Al principio del texto o después de un espacio. El menú se abre en Agregar contexto.
Sigue escribiendo parte del nombre
El menú muestra los archivos del proyecto que coinciden.
Elige el archivo
Se convierte en una etiqueta encima del cuadro, Seleccionado en el código, y la @ sale del texto.
Escribe el pedido y envíalo
La IA lee ese archivo completo y entiende que el pedido trata de él.

Para deshacerlo, haz clic en Quitar la selección en la etiqueta.

Seleccionar un archivo o líneas en la pestaña Código

Abrir un archivo en la pestaña Código ya lo selecciona para el próximo pedido. Seleccionar líneas con el ratón reduce la selección a ellas, y la etiqueta muestra el nombre y las líneas, como Header.tsx:12–30. Úsalo para pedidos como “cambia solo esto” o “haz otro igual a este”. La selección va con el pedido que envíes y luego sale del cuadro.

Seleccionar un componente en la vista previa

En el modo código, haz clic en Seleccionar componente encima de la vista previa y luego en la parte del sitio que quieres cambiar: un botón, un título, una tarjeta. La etiqueta muestra su nombre, como Hero › Botón · a, y el pedido siguiente cambia solo esa parte, sin tocar el resto de la página ni las otras páginas. Si la misma pieza aparece en otros lugares, solo cambia esta, salvo que pidas todas.

Adjuntar imágenes y archivos

Pega con Ctrl+V (Cmd+V en Mac), arrastra al cuadro de mensaje o usa Adjuntar archivos.

Tipo	Detalles
Imágenes	PNG, JPG, WebP, GIF y SVG. Hasta 4 por pedido y 5 MB cada una; las imágenes muy grandes se reducen antes de enviarse. En el modo código, solo en el modo Construir.
Archivos de texto	En el modo código: .txt, .md, .csv, .json, .html, .css, .js, .ts, .xml, .yml y similares. En el editor visual: .txt y .md. El contenido entra en el pedido.

Una imagen enviada sin texto se convierte en el pedido “usa las imágenes adjuntas”.

Imágenes como referencia de diseño

En el modo código, la IA identifica para qué sirve cada imagen: un diseño a reproducir, un logo, una foto para usar en el sitio, una captura de un problema o un contenido a copiar. Un diseño de referencia se reproduce lo más fielmente posible, con las mismas secciones, proporciones, espaciados y los colores medidos en la propia imagen. Solo la marca no se copia: el logo, el nombre de la empresa, el eslogan y las marcas de la referencia se cambian por los tuyos, y los textos siguen hablando de tu negocio.

Nota.Un pedido con imágenes nunca cuenta como un ajuste pequeño, y pedir que se copie el aspecto de una imagen cuenta como pedido grande: el chat muestra el tiempo y los créditos y pide confirmación antes.

Ver qué cambió y deshacerlo

Después de que la IA aplica un cambio, los archivos que tocó reciben una marca en la pestaña Código. Al abrir uno, ves las líneas que cambiaron, bajo Cambio de la versión N.

Ver archivo y Ver cambios alternan entre el archivo completo y solo lo que cambió.
Deshacer en este archivo devuelve solo ese archivo a como estaba, como una versión nueva. Si otros archivos dependen del cambio, se rechaza y debes deshacer el cambio completo.
Deshacer este cambio, también presente en el chat bajo la respuesta de la IA, trae de vuelta toda la versión anterior, también como una versión nueva.
Esto vale para el último cambio aplicado mientras el editor está abierto. Para ir más atrás, usa el Historial.

Preguntas frecuentes

Mi archivo fue rechazado.

Solo se aceptan imágenes (PNG, JPG, WebP, GIF, SVG) y archivos de texto. PDF, Word y hojas de Excel no se aceptan; copia el texto en un archivo .txt o .md, o exporta la hoja como .csv.

¿Puedo adjuntar más de 4 imágenes?

No en el mismo pedido. Divídelo en pedidos más pequeños, cada uno con hasta 4 imágenes.

¿La IA va a copiar el logo del sitio que mandé como ejemplo?

No. La marca de la referencia nunca se copia; el sitio usa tu nombre y tu logo.

¿Puedo editar el código seleccionado directamente en la pestaña Código?

No. La pestaña Código es solo de lectura; selecciona las líneas y describe el cambio en el chat.