Skip to main content
Glama

analyze_ui_screenshot

Analyzes webpage, app, or mockup screenshots to extract design details for frontend implementation. Returns structured vision insights from the image.

Instructions

Analyze a webpage, app, UI, or design mockup screenshot for frontend implementation work.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
taskNo
file_idNofile_id returned by PUT /upload. Preferred over image_base64 to avoid corruption of large base64 in the tool-call path. Persistent across restarts, content-deduplicated.
mime_typeNoMIME type. Required with image_base64; ignored (uses stored value) with file_id.image/png
page_hintNo
image_base64NoRaw base64-encoded image bytes, without a data: URL prefix. Prefer file_id for large images.
framework_hintNo
Behavior2/5

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

No annotations are provided, so the description must disclose behavioral traits. It only restates the purpose and gives no information about output format, return values, or side effects. Even though 'analyze' implies a read-only operation, the absence of any safety or behavior details leaves the agent uninformed.

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 a single sentence, front-loaded with the key action and object. Every word earns its place with no redundancy or fluff.

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

Completeness2/5

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

Given the absence of an output schema and annotations, the description should provide more context about what the tool returns and how to invoke it. It offers only a one-line purpose and is far from complete for a tool with six parameters.

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

Parameters2/5

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

The description adds no parameter information beyond the schema. Schema coverage is 50%, leaving 'task', 'page_hint', and 'framework_hint' entirely undocumented. The description fails to compensate for these gaps, especially the critical 'task' parameter.

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

Purpose4/5

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

The description clearly states the tool analyzes UI/design mockup screenshots for frontend implementation work, using a specific verb and resource. It distinguishes from sibling tools by focusing on frontend implementation, though it could more explicitly contrast with generic 'analyze_image'.

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

Usage Guidelines3/5

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

The description implies usage for frontend implementation but does not provide explicit when-to-use or when-not-to-use guidance. No alternatives are mentioned, even though siblings like 'analyze_image' exist and could overlap.

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/xyun1996/ocular'

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