SuperAPI AI 工具集

tui-steps

设计与创作

查看项目

更新于 10-16 07:56

技能介绍

用途:为步骤条(Steps)组件生成 ASCII 文本界面(TUI)表示,同时产出可交给 Pencil MCP 使用的布局与设计规格。

主要能力:根据输入模型 JSON(含 widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys),用网格换算像素坐标(cellWidthPx=8、cellHeightPx=16),渲染等宽 ASCII 图形,并输出四类固定产出块:TUI_RENDER、COMPONENT_SPEC(bbox、style、typography、state、hotkeys 等 JSON 规格)、PENCIL_SPEC(canvas、grid、nodes、components)、PENCIL_BATCH_DESIGN(batch_design 调用,单次调用最多 25 个操作)。最后校验 COMPONENT_SPEC 的 bbox 与 TUI_RENDER 网格一致,并确认批量操作不超 25 条。

使用方式:按工作流解析输入→计算布局→渲染 TUI→生成各规格→规划 batch_design→校验,必须输出全部四个产出块。渲染遵循共享规则:不使用 TAB 字符、不超过 widthCols、提供表头、主体区,交互时给出最小热键提示;disabled=true 时抑制交互提示,loading=true 显示稳定占位,error 非空时在页脚单行输出并按宽度截断。

适用场景:需要在终端风格界面中呈现步骤/时间线组件,并同步生成 Pencil 设计稿批处理指令时使用。

限制:资料未提供收费、价格、平台支持范围等信息;网格换算、25 条操作上限与输出格式为固定约束,样式取值来自示例输入,实际以调用时的输入模型为准。