SuperAPI AI 工具集

tui-tag

设计与创作

查看项目

更新于 10-16 09:49

技能介绍

用途:生成 Tag(标签)组件的 ASCII 文本界面(TUI)表示,并配套输出可供 Pencil MCP 使用的设计规格与批量设计计划。

主要能力:始终输出布局属性(top/left/width/height、间距、颜色、字体排版、zIndex);输出 Pencil MCP 就绪的规格与 batch_design 计划(每次调用不超过 25 个操作)。输出契约包含 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个必备块。

使用方式(工作流):解析输入的模型 JSON(widthCols、grid、props、state、style、typography、layout、hotkeys);依据网格换算像素坐标(cellWidthPx=8、cellHeightPx=16);渲染 TUI_RENDER(使用制表符绘制字符,遵守 widthCols);构建 COMPONENT_SPEC(bbox、style、typography、state、hotkeys);构建 PENCIL_SPEC(画布与组件列表);规划 PENCIL_BATCH_DESIGN(每次调用最多 25 个操作);校验 COMPONENT_SPEC 的 bbox 与 TUI_RENDER 网格一致,并确认批量操作不超过 25 个限制。

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

输入模型推荐字段包括 widthCols、grid、props、modelValue、state(focused/disabled/loading/error)、style(填充色、文字色、描边色与粗细、圆角)、typography(字体、字号、字重、行高)、layout(内边距、间距)、hotkeys。

限制与缺失说明:官方文本暂未提供;定价、平台支持范围、性能指标等未在资料中说明。