UI 截图转代码/规格
ui_to_artifactConvert UI screenshots or design images into runnable code or structured specifications. Supports defining target framework, detail level, and region of interest for tailored frontend output.
Instructions
把一张 UI 截图/设计稿转成可运行代码或结构化规格。当宿主拿到界面图、需要据此生成或还原前端实现时使用。
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| image | Yes | 图片：本地路径 / file:// / http(s):// / data: URI | |
| target | No | 产出 code（默认）或 spec | |
| framework | No | 目标框架，如 react/vue/html | |
| question | No | 具体问题或额外要求 | |
| detail_level | No | 细节级别：overview=单次快速；normal/fine/auto 触发由粗到细的自动缩放（auto 为默认，足够清晰则早退） | |
| region | No | 可选：手动指定关注区域，命名如 'top-right' 或归一化 bbox 'x,y,w,h'（0~1） | |
| thinking | No | 是否开启视觉模型深度推理（默认按工具/后端策略） |
Output Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| markdown | Yes | 人类可读的结构化 markdown 正文（与 content 一致） | |
| confidence | No | 模型对结果的置信度 | |
| rounds | Yes | 实际经历的视觉调用轮数 | |
| regions | No | 缩放走过的区域轨迹（归一化 bbox） | |
| warnings | Yes | 降级/截断/不确定等告警 | |
| provider | Yes | ||
| model | Yes |