SuperAPI AI 工具集

tui-select

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:为 Select(u-select)组件生成像素级 ASCII 文本界面(TUI)表示,并输出可供 Pencil MCP 使用的规格与批量设计计划。

主要能力:始终输出布局属性(top/left/width/height、spacing、colors、typography、zIndex);输出 Pencil MCP 就绪的规格;输出 batch_design 计划,每次调用不超过 25 个操作。强制输出四个区块:TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN。

输入模型:推荐包含 widthCols、grid(cellWidthPx、cellHeightPx)、props、modelValue、state(focused、disabled、loading、error)、style(fillColor、textColor、strokeColor、strokeThickness、cornerRadius)、typography、layout(paddingPx、gapPx)、hotkeys。

组件属性:label、options(label/value/disabled)、value 或 modelValue、placeholder、searchable。渲染规则:关闭时显示 [ label: currentValue ] 或 [ placeholder ];打开时在下方显示选项列表,活动行用 > 标记,禁用项加 (disabled) 后缀。交互:<enter> 打开/关闭,<up>/<down> 移动,<enter> 选择,<esc> 关闭。

渲染规则:不使用 TAB 字符;不超过 widthCols;提供表头行、主体区域和最小热键;disabled=true 时抑制交互提示;loading=true 时显示稳定占位符;error!=null 时在单行页脚打印(按宽度截断)。

限制:该技能有意不嵌入外部文档链接,如需规范参考应使用团队组件文档或设计系统来源。资料未提供收费、价格、平台或效果信息。