SuperAPI AI 工具集

tui-tabs

设计与创作

查看项目

更新于 10-16 03:16

技能介绍

用途:生成并渲染像素精确的 ASCII 文本界面(TUI)Tabs 组件,同时输出布局属性(top/left/width/height、间距、颜色、字体、zIndex)、Pencil MCP 就绪规格以及 batch_design 计划(每次调用不超过 25 个操作)。

主要能力:解析输入模型 JSON(widthCols、grid、props、state、style、typography、layout、hotkeys);按网格(cellWidthPx=8、cellHeightPx=16)把列/行位置换算为像素坐标;用制表符绘制字符生成等宽 ASCII 图;输出 COMPONENT_SPEC(bbox、style、typography、state、hotkeys)、PENCIL_SPEC(画布与组件列表)和 PENCIL_BATCH_DESIGN;并校验 bbox 与 TUI_RENDER 网格一致、批量操作不超过 25 个。

使用方式:按推荐输入模型提供 JSON,然后依次产出四个强制输出区块。渲染规则要求不使用 TAB 字符、不超过 widthCols、提供表头行与主体区域,交互时给出最小热键提示;disabled=true 抑制交互提示,loading=true 显示稳定占位,error!=null 在单行页脚输出并按宽度截断。Tabs 规范属性包括 tabs(id、label、disabled)、activeId(或 modelValue)、scrollable;活动标签用方括号 [Profile],非活动用空格,禁用用圆括号 (Billing);交互提示为 <left>/<right> 切换、<enter> 激活、<esc> 返回。

适用场景:需要以纯文本方式呈现 Tabs 组件、并同步生成 Pencil 设计规格与批量设计调用的工作流。

限制:资料未提供安装命令、收费、价格、平台支持或实际效果等信息;批量设计每次调用最多 25 个操作,输出宽度受 widthCols 约束。