inspect_ui
Analyze UI screenshots to extract structured design specifications (layout, typography, colors, spacing, components) and actionable implementation suggestions for replicating or modifying frontend code.
Instructions
用 MiMo-V2.5 视觉模型对 UI 截图做工程化分析,专供 Coding Agent 复刻/修改前端使用(结果是结构化设计数据,不是文学描述)。返回 13 项:Layout、近似尺寸与比例、Grid/columns、Spacing、Typography、Colors、边框/圆角/阴影、组件层级、图片位置与比例、响应式线索、交互线索、差异/问题、可执行实现建议——可直接用于写 HTML/CSS/React。
主动调用时机:用户要"复刻这个页面"、"按截图/设计图改前端"、"根据参考图实现 UI"时。
参数:image_path 或 image_paths 二选一(多图时逐个说明角色与差异);task 说明目标(如"我要复刻这个页面");project_context 可选,提供技术栈等背景。
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| task | No | 任务目标,如'我要复刻这个页面'、'把当前页面改成目标图的样子'。 | |
| image_path | No | 单张 UI 截图路径(与 image_paths 二选一)。本地图片路径:Windows 绝对路径(如 C:\screenshots\a.png)或相对项目根目录的路径(如 ./screenshots/a.png)。支持中文、空格、反斜杠。支持 JPEG/JPG/PNG/WebP/GIF/BMP,单张 Base64 不超过 50MB。 | |
| image_paths | No | 多张 UI 截图路径(与 image_path 二选一)。本地图片路径:Windows 绝对路径(如 C:\screenshots\a.png)或相对项目根目录的路径(如 ./screenshots/a.png)。支持中文、空格、反斜杠。支持 JPEG/JPG/PNG/WebP/GIF/BMP,单张 Base64 不超过 50MB。 | |
| project_context | No | 可选:项目背景(技术栈、框架、已有样式系统等),帮助给出更贴合的工程建议。 |