列表UI

列表UI

1. 基本信息

工具名称

列表UI

工具编码

UiTool.list

功能描述

以特定格式将包含图文的列表数据渲染到带屏眼镜上

适用场景

多模态业务数据直观清晰地展示到眼镜上

返回方式

非流式。工具执行完成后,将完整结果一次性返回给 Agent

2. 请求参数

字段

类型

是否必填

含义

示例值

title

string

非必填

标题

"通用列表"

items

array<object>

非必填

列表数据

items[].icon

string

非必填

内容的图标

"https://img.alicdn.com/imgextra/i2/O1CN01eI1I3RhNkjB062dM_!!6000000005695-2-tps-48-48.png"

items[].type

string

非必填

内容的类型

"default"

items[].title

string

非必填

内容一级标题

"标题一"

items[].subtitle

string

非必填

内容的二级标题

"副标题描述"

3. 使用示例

---
name: list-ui-test
description: "列表UI展示验证技能。当用户想验证列表内容能否在带屏眼镜上正确渲染时使用。Use when: 列表测试、测试列表展示。Do NOT use for: 真实业务信息展示、图文展示、拍照识别。"
---

# 列表展示验证

## 使用方式
用户说"测试列表展示""验证列表工具""显示测试列表"等时,执行:

调用 ^^UiTool.list^^(title="展示验证",items=[{"icon":"https://img.alicdn.com/imgextra/i2/O1CN01eI1I3RhNkjB062dM_!!6000000005695-2-tps-48-48.png","type":"default","title":"列表项一","subtitle":"一级标题与副标题均正常"},{"icon":"https://img.alicdn.com/imgextra/i2/O1CN01eI1I3RhNkjB062dM_!!6000000005695-2-tps-48-48.png","type":"default","title":"列表项二","subtitle":"图标渲染无缺失"},{"icon":"https://img.alicdn.com/imgextra/i2/O1CN01eI1I3RhNkjB062dM_!!6000000005695-2-tps-48-48.png","type":"default","title":"列表项三","subtitle":"共三条"}])

调用成功后播报:"验证数据已发送,请看下列表标题、三条列表项及图标是否都显示正常~"
  • 上述仅展示列表UI工具的一种调用方式,调用时的请求参数(title、items)应在使用时按需修改。

  • 示例中 ^^{工具编码}^^ 是 SKILL 引用工具的内置语法,可在SKILL.md中通过@快速选取工具。

渲染效果:

image

4. 限制

  1. 图片来源:图片必须托管在HTTPS且安全证书完整有效的域名下,否则无法在眼镜上渲染。

  2. 图片规格:因眼镜端显示区域较小以及单原色显示特性,建议上传的图片尺寸≤ 120px*120px,且样式尽量简约,保证图片的清晰和谐展示