用途:把 Gap 组件渲染为 ASCII 文本界面(TUI),并同步产出可供 Pencil MCP 使用的规格与批量设计计划。
主要能力:始终输出布局属性(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);生成 TUI_RENDER 等宽 ASCII 图;构建 COMPONENT_SPEC(bbox、style、typography、state、hotkeys);构建 PENCIL_SPEC(canvas 与组件列表);规划 PENCIL_BATCH_DESIGN;校验 bbox 与 TUI 网格一致且批量操作不超过 25 条。
输出契约:必须依次给出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个块。渲染规则:不使用 TAB;不超过 widthCols;提供表头、主体区与必要热键;disabled=true 时抑制交互提示;loading=true 时显示稳定占位;error 非空时在单行页脚输出并按宽度截断。
限制:资料未提供安装命令、收费与平台信息;具体输入字段与示例以资料为准。