SuperAPI AI 工具集

tui-divider

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:生成并渲染像素精确的 ASCII 文本界面(TUI)Divider 组件,同时输出完整输出块:TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN。

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

工作流程:解析输入模型 JSON(widthCols、grid、props、state、style、typography、layout、hotkeys);按网格(cellWidthPx=8、cellHeightPx=16)将列/行位置换算为像素坐标;用制表符绘制 ASCII 艺术并遵守 widthCols;生成含 bbox、style、typography、state、hotkeys 的 COMPONENT_SPEC;生成 Pencil MCP 的 canvas 与组件列表 PENCIL_SPEC;生成 batch_design 调用计划;校验 COMPONENT_SPEC 的 bbox 与 TUI_RENDER 网格一致,并确认批量操作不超过 25 个。

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

适用场景:需要为 Divider 组件生成 ASCII TUI 预览、组件规格与 Pencil 设计批量操作计划的场景。

限制:资料未提供安装命令、收费、价格、平台与效果信息;输入模型与输出契约需按资料中的字段使用。