Smolagents learns to work with what a page looks like
Vision inputs let an agent use layout and visual feedback, not just extracted text.

Vision makes agent observations richer; it does not remove the need to inspect actions.
Vision support in smolagents added two important paths: images supplied with an initial task and images introduced during execution. The release demonstrates why browser agents may need fresh screenshots after an action rather than a single static observation.
Text extraction can miss position, color, icons, and relationships between interface elements. Visual feedback helps expose those details, but it also creates another observation loop to manage. A useful agent needs the right image at the right step, not merely access to a vision model.
Read the source’s callback example to understand how observations enter the agent’s history. Try a constrained browsing task whose expected outcome is easy to inspect. Record the screenshots and actions so a failure can be traced to perception, planning, or tool execution.
Seeing a page is not the same as understanding its authority
A visual agent can inspect screenshots or other images to reason about an interface. That can help when useful information is not exposed as clean text or structured elements. It also introduces ambiguity: a screenshot shows appearance, not necessarily the full state or meaning of the application.
A button can look available while being disabled, a modal can obscure a target, and a page can contain text that tries to manipulate the agent. Visual access adds evidence, but it does not remove the need for a controlled action loop.
Observe before acting
Capture the relevant state and identify the target in context. For a browser task, confirm which page and account are active before clicking a control with side effects. A familiar-looking interface is not proof that the agent is operating on the intended resource.
After an action, inspect the resulting state rather than assuming that the click succeeded. The page may have moved, the request may have failed or the control may have required an additional step.
Use structured information where it helps
Visual inspection and structured page data can complement one another. Text labels, accessibility information and element state can reduce ambiguity, while a screenshot can reveal layout or overlay problems that a text-only view misses.
The goal is not to force every task through pixels. It is to use the evidence that best establishes what is on screen and what an action will do.
Keep permissions outside the image
Instructions visible inside a webpage are content from that page, not new authorization from the user. A page cannot grant the agent permission to export private data or change unrelated settings merely by displaying a persuasive message.
For consequential actions, confirm the target and requested outcome through the task’s existing authorization. The availability of a clickable control does not make every use of that control appropriate.
Test recovery from visual changes
Interfaces change size, load slowly and display unexpected dialogs. A robust agent should recognize when its earlier observation is stale and inspect again. Limit repeated attempts so that a missing target does not cause uncontrolled clicking.
Keep an action trace that records the intended operation and the observed result without unnecessarily retaining sensitive screenshots. This makes failures easier to diagnose.
The useful promise of visual agents is broader access to interfaces designed for people. Reliable operation still depends on explicit goals, fresh observations, bounded actions and verification of the result. Vision should strengthen that loop, not replace it with confidence based on how a page appears at one moment.
Source: We now support VLMs in smolagents! ↗ · m-ric, merve, albertvillanova. How we write


