SuperAPI AI 工具集

tui-mask

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:把 Mask 组件以 ASCII 文本 UI(TUI)形式表达,并同步产出布局属性、组件规格以及 Pencil MCP 可用的设计规格与批量设计计划。

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

使用方式:按输入模型提供 JSON,随后按固定输出契约依次给出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN。渲染需遵循 tui-front-ui 的共享规则:不使用 TAB、不超出 widthCols、提供表头行与主体区域;交互时给最少热键提示;disabled=true 时抑制交互提示;loading=true 时显示稳定占位;error 非空时在底部单行输出并按宽度截断。

适用场景:需要在终端或文本界面里展示 Mask 覆盖层、弹窗确认等组件的布局与状态,并希望把同一规格带入 Pencil 设计流程的场景。

限制:资料未提供价格、收费方式、平台支持范围与完整安装命令;仅描述了该技能的输出契约与渲染规则,实际使用需具备对应输入模型与相关运行环境。