P105 — SeeClick

Ruta encarnada · Describir una pantalla y poder usarla son capacidades distintas. La segunda exige convertir una instrucción en coordenadas, y se mide aparte.

Nivel: L2 · Motor: seeclick · Notebook: P105_seeclick.ipynb · Anexo: álgebra y geometría

1. Identificación

Campo Valor
Título original SeeClick: Harnessing GUI Grounding for Advanced Visual GUI Agents
Autoría Kanzhi Cheng, Qiushi Sun, Yougang Chu, Fangzhi Xu, Yantao Li y otros
Año 2024
Venue ACL 2024 · arXiv:2401.10935
Fuente primaria arXiv:2401.10935
Acceso Abierto
Fecha de consulta 2026-08-17

2. Problema anterior

Los agentes de interfaz gráfica dependían del texto estructurado: el árbol de accesibilidad, el HTML o el DOM. Con eso pueden razonar sobre qué elementos hay y elegir uno.

El problema es doble. Muchas aplicaciones —de escritorio, móviles, juegos, aplicaciones nativas— no exponen ese árbol o lo exponen incompleto. Y aunque lo expongan, los elementos que solo son un icono no tienen etiqueta de texto: para un agente que lee texto, sencillamente no existen.

Sin poder referirse al botón, no hay nada que planificar.

3. Propuesta

Trabajar directamente sobre la captura de pantalla y entrenar específicamente la capacidad de anclaje: dada una instrucción en lenguaje natural, devolver las coordenadas del elemento al que se refiere.

«abre los ajustes»  ⟶  (380, 40)

El artículo construye datos de anclaje a escala —web, móvil y escritorio—, entrena un modelo multimodal sobre ellos, y publica ScreenSpot, un banco de pruebas para medir el anclaje por separado de la planificación de la tarea.

4. Intuición sin fórmulas

Darle instrucciones por teléfono a alguien que está delante de un panel de control. Puedes describirle perfectamente qué hay que hacer; si no consigues que ponga el dedo en el botón correcto, no pasa nada.

Y si el botón no tiene etiqueta —solo un dibujo— describirlo por su texto no sirve de nada.

Dónde deja de funcionar la analogía: la persona al otro lado del teléfono entiende descripciones espaciales («el segundo por la izquierda»). Un modelo tiene que aprender esa correspondencia entre lenguaje y píxeles, y esa es exactamente la capacidad que se está midiendo.

5. Matemática mínima

No hay formalismo: es un problema de aprendizaje supervisado con salida de coordenadas. Lo relevante es que la métrica es acierto de localización, no similitud de texto.

La miniatura pone una interfaz de seis elementos, tres de ellos solo con icono:

Agente Aciertos
solo lee el árbol de accesibilidad 2/5
con anclaje visual 5/5

Y la razón está en la interfaz misma: 3 de 6 elementos no tienen etiqueta de texto. El agente que solo lee texto no falla por razonar mal — falla porque no puede nombrar el elemento al que tendría que referirse.

💡 Consejo

Puente matemático. Esta sección da por sabido lo siguiente. Si algo no te suena, léelo primero: está explicado una sola vez, en un solo sitio, y sirve para todas las fichas.

Dónde Qué necesitas de ahí
A01 §1 · Producto escalar cómo se compara una descripción con regiones de una imagen, que es lo que hace el anclaje

6. Arquitectura o flujo

flowchart LR
    C["captura de pantalla"] --> M["modelo multimodal"]
    I["instrucción:<br/>«abre los ajustes»"] --> M
    M --> G["ANCLAJE: (x, y)"]
    G --> A["acción: pulsar ahí"]
    T["árbol de accesibilidad"] -.->|"no cubre los iconos<br/>sin etiqueta"| X["elementos invisibles"]
    style G fill:#1a3a2a,stroke:#3fb950,color:#f0f6fc

7. Qué observar en el paper original

8. Evidencia y resultados

Entrenamiento de un modelo multimodal sobre datos de anclaje y evaluación en ScreenSpot y en bancos de pruebas de tareas completas, comparando con modelos generalistas.

El resultado que importa es la correlación: mejorar el anclaje mejora las tareas completas. Eso justifica tratarlo como capacidad separable, que es la tesis.

La miniatura no entrena nada: simula un agente con anclaje mediante una moneda sesgada y otro limitado al texto. Sirve para ver por qué los iconos sin etiqueta son un muro, no para medir a ningún sistema.

9. Impacto

10. Limitaciones

  1. El anclaje no basta. Saber dónde pulsar no dice qué pulsar: la planificación es un problema aparte y es donde fallan la mayoría de los agentes.
  2. Las interfaces cambian. Un modelo anclado a una versión de una aplicación puede degradarse con el siguiente rediseño.
  3. Resolución y escalado afectan al resultado, y los bancos de pruebas no siempre lo controlan.
  4. No cubre interacciones complejas: arrastrar, gestos, menús contextuales que aparecen al pasar el ratón.
  5. Trabajar solo con píxeles descarta información útil cuando el árbol de accesibilidad sí está disponible. Lo razonable es usar ambos.

11. Errores comunes

Error Corrección
«Un modelo que describe bien una captura puede operarla» Describir y señalar son capacidades distintas. La miniatura lo separa: 2 de 5 frente a 5 de 5 sobre la misma interfaz.
«El árbol de accesibilidad basta» No cubre los elementos que solo son un icono, ni existe en muchas aplicaciones nativas. En la miniatura, 3 de 6 elementos quedan fuera.
«Si el agente falla, es que no entiende la tarea» Puede ser que no encuentre el elemento. Son dos fallos distintos con soluciones distintas, y por eso conviene medirlos por separado.
«Con anclaje perfecto el agente resuelve la tarea» Un agente con puntería impecable y mal plan se equivoca con precisión. El anclaje es necesario y no suficiente.
«Trabajar solo con píxeles es siempre mejor» Es lo único posible cuando no hay estructura expuesta. Cuando la hay, ignorarla desperdicia información fiable.

12. Relación con trabajos anteriores

13. Relación con trabajos posteriores

14. Notebook asociado

P105_seeclick.ipynb

Qué implementa: una interfaz con elementos con y sin etiqueta de texto, y la comparación de aciertos entre un agente que solo lee el árbol de accesibilidad y otro con anclaje visual.

Qué NO implementa: no hay imagen, ni modelo de visión, ni entrenamiento: el anclaje se simula con una moneda sesgada. Los números no representan a ningún sistema real.

ai-evolution paper-lab P105 --seed 7

15. Actividades Bloom

Nivel Actividad
Recordar Define anclaje en el contexto de interfaces gráficas.
Explicar Explica por qué el árbol de accesibilidad no basta.
Aplicar Ejecuta el notebook e identifica qué instrucciones falla el agente de solo texto.
Analizar Analiza la diferencia entre anclaje y planificación.
Evaluar «El modelo describe la pantalla perfectamente, luego puede operarla». Evalúa la afirmación.
Crear Haz una captura de una aplicación que uses, lista sus elementos accionables y calcula qué proporción quedaría fuera del alcance de un agente sin anclaje visual.

16. Autoevaluación

  1. ¿Qué es el anclaje en una interfaz gráfica?
  2. ¿Por qué falla un agente que solo lee el árbol de accesibilidad?
  3. ¿Qué aporta trabajar solo con píxeles?
  4. ¿Es suficiente el anclaje para resolver una tarea?
  5. ¿Por qué conviene medirlo por separado?
  6. ¿Qué es ScreenSpot?
  7. ¿Cuál es el límite de este enfoque?

17. Respuestas esperadas

  1. Convertir una instrucción en lenguaje natural en las coordenadas del elemento de la pantalla al que se refiere: de «abre los ajustes» a un punto donde pulsar.
  2. Porque los elementos que solo son un icono no tienen etiqueta de texto, y muchas aplicaciones no exponen ese árbol o lo exponen incompleto. Sin nombre no puede referirse a ellos.
  3. Que funciona en cualquier aplicación, incluidas las nativas y de escritorio que no exponen ninguna estructura.
  4. No. Saber dónde pulsar no dice qué pulsar: la planificación de la tarea es un problema aparte y es donde fallan la mayoría de los agentes.
  5. Para saber si un agente falla porque no entiende la tarea o porque no encuentra el elemento. Son dos problemas con soluciones distintas.
  6. El banco de pruebas que el artículo publica para medir el anclaje aislado, con cobertura de web, móvil y escritorio.
  7. Que las interfaces cambian con cada rediseño, que no cubre interacciones complejas como arrastrar o los menús contextuales, y que descartar la estructura cuando existe desperdicia información fiable.

18. Fuentes primarias


⬅️ Anterior: P104 WebArena · 📇 Índice · 📝 Evaluación · 🏫 Clase 144 · Computer use basado en visión · ➡️ Siguiente: P106 OSWorld