Skip to main content
Glama
liugangnhm

jl-image-vison

by liugangnhm

Describe image (UI / web page / layout)

describe_image
Read-only

Analyze an image to return a structured description: layout hierarchy, UI components, text, interactions, design notes, and accessibility. Accepts URL, file path, or base64 data.

Instructions

Analyse an image and return a richly structured description — layout hierarchy, UI components, readable text, interactions, design notes, and accessibility observations. Optimised for UI mockups, HTML/CSS screenshots, Figma exports, dashboards, and web/app interfaces. Accepts a public URL, a local file path, or a base64 data URL.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
focusNoOptional steering for what to emphasise, e.g. "layout only", "extract all text / OCR", "focus on accessibility", "identify design system", "describe the data visualisation". Keeps the description on-task for your current need.
imageYesThe image to analyse. Accepts three formats: (1) a public URL — e.g. https://example.com/screenshot.png; (2) a local file path — e.g. ~/Desktop/mockup.png or C:\Users\you\shot.png; (3) a base64 data URL — data:image/png;base64,.... Relative paths resolve from the server's working directory.
detail_levelNoHow thorough the description should be. standard ≈ 1 paragraph + key elements. detailed ≈ full structured breakdown (default). comprehensive ≈ exhaustive, including edge cases and fine details.detailed

Output Schema

TableJSON Schema
NameRequiredDescriptionDefault
modelYes
tokensYes
summaryYes
descriptionYes
Behavior4/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

Annotations already mark this as readOnly and non-destructive. The description adds valuable behavioral context by enumerating the output structure (text, interactions, accessibility) and accepted input formats (URL, local path, base64), going beyond the annotation's bare safety hints.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is three concise sentences that front-load the purpose and output, then cover use cases and input formats. Every sentence contributes information, with no redundancy or filler.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness5/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the readOnly annotation, an output schema, and the tool's complexity, the description covers all necessary aspects: input variants, optimization targets, and output richness. The presence of an output schema makes a detailed return-value explanation unnecessary, so no gaps remain.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100% with all three parameters clearly described. The description mentions the accepted input formats, but this duplicates the 'image' parameter's schema description without adding new semantic detail. It achieves the baseline for high schema coverage.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool 'Analyses an image' and specifies the rich output categories (layout hierarchy, UI components, text, interactions, design notes, accessibility). This is a specific verb+resource pair that fully conveys what the tool does and distinguishes it from any conceivable alternative.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description provides clear context by noting it is 'optimised for UI mockups, HTML/CSS screenshots, Figma exports, dashboards, and web/app interfaces,' which implies appropriate use cases. Since there are no sibling tools, explicit alternatives are unnecessary, but exclusionary guidance is absent.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Install Server

Other Tools

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/liugangnhm/jl_image-vison-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server