SuperAPI AI 工具集

tui-tabbar

前端与建站

查看项目

更新于 10-16 09:56

技能介绍

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

主要能力:固定输出四个块:TUI_RENDER(纯等宽文本界面)、COMPONENT_SPEC(布局、尺寸、zIndex、样式、字体、溢出与状态等组件属性)、PENCIL_SPEC(画布与网格规格)、PENCIL_BATCH_DESIGN(分批设计操作,每批不超过 25 个操作)。始终输出布局属性(top/left/width/height、spacing、colors、typography、zIndex)。

输入模型:推荐输入包含宽度列数、网格单元尺寸、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout(paddingPx/gapPx)、hotkeys 等字段。

渲染规则:遵循 tui-front-ui 共享规则:禁止 TAB 字符、不超过 widthCols、提供表头行与主体区域、交互时提供最小快捷键提示;disabled=true 时不显示交互提示;loading=true 时显示稳定占位;error 非空时在底部单行页脚输出(超宽截断)。

使用方式:按输入模型传入参数,获得含全部输出块的结果;批量设计按 CALL 分组执行,如先创建 Screen,再创建 Tabbar/Background 与 Tabbar/Text 节点并设置位置与样式。

适用场景:需要在终端或纯文本环境预览 Tabbar 组件外观,或需要在 Pencil 类设计工具中依据规格批量生成对应图层时。

限制:该技能有意不嵌入外部文档链接,如需权威参考应使用团队组件文档或设计系统来源;每批设计操作不超过 25 个;未提供具体收费、平台支持范围或效果保证等信息。