SuperAPI AI 工具集

tui-tabbar

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:生成 ASCII 文本界面(TUI)形式的 Tabbar 组件,并同时产出可直接用于 Pencil MCP 的设计规格与批量设计计划。

主要能力:解析输入模型 JSON(widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys);按网格换算像素坐标(cellWidthPx=8、cellHeightPx=16);渲染等宽 ASCII 图;输出含 bbox、style、typography、state、hotkeys 的 COMPONENT_SPEC;输出 PENCIL_SPEC 画布与组件列表;输出 PENCIL_BATCH_DESIGN 批量调用(每次调用不超过 25 个操作);并校验 bbox 与 TUI_RENDER 网格一致、批量操作不超限。

使用方式:提供输入模型 JSON,按固定输出契约依次输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个块。渲染遵循 tui-front-ui 共享规则:不使用 TAB 字符、不超过 widthCols、提供表头行与主体区域、交互时给出最小热键提示;disabled=true 时抑制交互提示,loading=true 时显示稳定占位,error!=null 时在单行页脚输出并按宽度截断。

适用场景:需要以文本形式预览 Tabbar 布局,或需要将同一组件规格同步到 Pencil 设计工具进行批量生成的流程。

限制:资料未提供安装命令、收费与价格、平台支持范围及实际运行效果等信息;批量设计每次调用最多 25 个操作。