analyze_ui_screenshot
Extract layout, components, states, and accessibility issues from UI screenshots. Returns structured component data and verified observations to guide frontend implementation.
Instructions
Analyze a UI screenshot or design mockup for frontend implementation. Use this to identify layout, components, labels, states, accessibility issues, and implementation hints. Returns verified observations, inferred behavior, uncertainties, and structured component data.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| goal | No | describe | |
| image_url | No | ||
| image_path | No | ||
| style_system | No | unknown | |
| target_framework | No | unknown |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| layout | No | ||
| summary | Yes | ||
| screen_type | No | unknown | |
| ui_elements | No | ||
| uncertainties | No | ||
| implementation_plan | No | ||
| accessibility_issues | No |