SuperAPI AI 工具集

tui-cell

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:将输入模型渲染为 ASCII 文本界面(TUI)中的 Cell 组件,并同时产出可供 Pencil MCP 使用的规格与批量设计计划。

主要能力:始终输出布局属性(top/left/width/height、spacing、colors、typography、zIndex);输出 Pencil MCP 就绪的规格以及 batch_design 计划,每次调用不超过 25 个操作。输出契约包含四个必选块:TUI_RENDER(纯等宽文本)、COMPONENT_SPEC(含 bbox、style、typography、state、hotkeys 的 JSON)、PENCIL_SPEC(画布与组件列表)、PENCIL_BATCH_DESIGN(batch_design 调用)。

工作流程:解析输入模型 JSON(widthCols、grid、props、state、style、typography、layout、hotkeys);按网格换算像素坐标(cellWidthPx=8、cellHeightPx=16);用制表符绘制字符构建 ASCII 图并遵守 widthCols;生成 COMPONENT_SPEC、PENCIL_SPEC 与 batch_design 计划;最后校验 bbox 与 TUI_RENDER 网格一致,且批量操作不超过 25 个。

渲染规则:不使用 TAB 字符;不超过 widthCols;提供表头行、主体区域,交互时给出最小热键提示;disabled=true 时抑制交互提示;loading=true 时显示稳定占位符;error!=null 时在单行页脚打印并按宽度截断。作为列表行使用时支持 label、value、rightIcon(默认 > 箭头)、clickable、divider 等字段,label 与 value 独立截断以保持箭头可见。

适用场景:需要以文本形式呈现 Cell 组件、并同步生成 Pencil 设计规格与批量创建指令的流程。

限制:资料未提供收费、价格、平台支持范围与效果数据;具体输入字段与输出结构以资料所列契约和示例为准。