SuperAPI AI 工具集

tui-swipe-action

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:生成 Swipe Action(滑动操作)组件的 ASCII 文本界面(TUI)表示,并同时产出可直接用于 Pencil MCP 的设计规格与批量设计计划。

主要能力:始终输出布局属性(top/left/width/height、间距、颜色、字体、zIndex);输出 Pencil MCP 就绪的规格以及 batch_design 计划,每次调用不超过 25 个操作;输出四个强制块:TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN。

工作流程:解析输入模型 JSON(widthCols、grid、props、state、style、typography、layout、hotkeys);按网格换算像素坐标(cellWidthPx=8、cellHeightPx=16);用制表符绘制 ASCII 图并遵守 widthCols;构建含 bbox、style、typography、state、hotkeys 的 COMPONENT_SPEC;构建 Pencil 画布与组件列表;生成 batch_design 调用(每次最多 25 个操作);校验 bbox 与 TUI_RENDER 网格一致且操作数不超限。

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

适用场景:为前端/设计流程生成 Swipe Action 组件的 TUI 预览与 Pencil 设计规格,便于页面聚合与批量设计。

限制:资料未提供安装命令、依赖、平台支持、收费与价格信息;具体输入字段含义与扩展能力暂未提供。