SuperAPI AI 工具集

tui-number-box

前端与建站

查看项目

更新于 10-16 03:15

技能介绍

用途:生成 Number Box(数字输入框)的 ASCII 文本界面(TUI)表示,并同步产出像素级设计规格,供 Pencil MCP 使用。

主要能力:解析输入模型 JSON(含 widthCols、grid、props、state、style、typography、layout、hotkeys);按网格将列行位置换算为像素坐标(cellWidthPx=8、cellHeightPx=16);以制表符绘制 ASCII 界面并遵守 widthCols;输出四类强制输出块:TUI_RENDER(纯等宽文本)、COMPONENT_SPEC(含 bbox、style、typography、state、hotkeys)、PENCIL_SPEC(canvas 与组件列表)、PENCIL_BATCH_DESIGN(batch_design 调用,每次最多 25 个操作)。最后校验 COMPONENT_SPEC 的 bbox 尺寸与 TUI_RENDER 网格一致,并确认批量操作未超过 25 个限制。

使用方式:按推荐结构提供输入模型 JSON,技能按「解析输入 → 计算布局 → 渲染 TUI_RENDER → 构建 COMPONENT_SPEC → 构建 PENCIL_SPEC → 规划 PENCIL_BATCH_DESIGN → 校验」的工作流执行,输出中必须包含全部输出块。

渲染规则:不使用 TAB 字符,不超过 widthCols;提供表头行、主体区域及必要的热键提示;disabled=true 时抑制交互提示;loading=true 时显示稳定占位内容;error 非空时在单行页脚输出并按宽度截断。

适用场景:需要以文本形式呈现数字输入框组件,并同时生成 Pencil 设计规格与批量设计脚本的前端/设计工具链。

限制:资料未提供该技能的安装命令、收费与价格信息、具体平台支持情况,以及除上述输入模型和输出契约之外的其他能力说明,暂未提供。