SuperAPI AI 工具集

tui-keyboard

设计与创作

查看项目

更新于 10-16 03:16

技能介绍

用途:把键盘(Keyboard)组件渲染为 ASCII 文本界面(TUI)表示,并同步产出可直接用于 Pencil MCP 的设计规格与批量设计计划。

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

工作流程:解析输入模型 JSON(widthCols、grid、props、state、style、typography、layout、hotkeys);按网格把列/行位置换算为像素坐标(cellWidthPx=8、cellHeightPx=16);渲染 TUI_RENDER,用制表符绘制等宽 ASCII 图并遵守 widthCols;构建 COMPONENT_SPEC(bbox、style、typography、state、hotkeys);构建 PENCIL_SPEC(canvas 与组件列表);规划 PENCIL_BATCH_DESIGN(每次最多 25 个操作);最后校验 COMPONENT_SPEC 的 bbox 与 TUI_RENDER 网格一致,并确认批量操作未超限。

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

适用场景:需要为终端界面生成键盘组件 ASCII 预览,或需要把该组件同步落到 Pencil 设计画布时使用。

限制:资料未提供安装命令、收费与价格、平台支持范围及实际效果说明;输入模型为推荐格式,具体字段含义以资料所列 JSON 为准。