SuperAPI AI 工具集

tui-layout

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:生成 Layout 组件的 ASCII 文本界面(TUI)表示,并同步产出可供 Pencil MCP 使用的规格与批量设计计划。

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

工作流程:解析输入模型 JSON(widthCols、grid、props、state、style、typography、layout、hotkeys);按网格换算像素坐标(cellWidthPx=8、cellHeightPx=16);用制表符绘制 ASCII 图形并遵守 widthCols;依次构建 COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN;最后校验 bbox 与操作数上限。

输出契约:必须依次给出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个块。渲染规则:不使用 TAB 字符,不超出 widthCols,提供表头行、主体区与必要热键;disabled=true 时抑制交互提示,loading=true 时显示稳定占位,error 非空时在单行页脚输出并按宽度截断。

适用场景:需要以文本形式预览或交付 Layout 组件规格,并衔接 Pencil 设计生成的流程。

限制:资料未提供安装命令、收费与平台信息;batch_design 每次调用最多 25 个操作。