用途：生成 Top Tips 的 ASCII 文本界面（TUI）表示，并同步产出可交给 Pencil MCP 使用的设计规格。
主要能力：始终输出布局属性（top/left/width/height、spacing、颜色、字体、zIndex）；输出 Pencil MCP 就绪的规格和 batch_design 计划（每次调用不超过 25 个操作）。输出契约包含四个必选块：TUI_RENDER（等宽 ASCII 文本，使用制表符边框字符）、COMPONENT_SPEC（含 bbox、style、typography、state、hotkeys 的 JSON 规格）、PENCIL_SPEC（画布与组件列表）、PENCIL_BATCH_DESIGN（创建设计的批处理调用）。
工作流程：解析输入模型 JSON（widthCols、grid、props、state、style、typography、layout、hotkeys）；按网格将列/行位置转换为像素坐标（cellWidthPx=8，cellHeightPx=16）；构建遵守 widthCols 的 TUI_RENDER；生成 COMPONENT_SPEC；生成 PENCIL_SPEC；规划 PENCIL_BATCH_DESIGN；最后校验 COMPONENT_SPEC 的 bbox 尺寸与 TUI_RENDER 网格一致，并确认批处理操作不超过 25 个。
渲染规则：不得使用 TAB 字符；不得超出 widthCols；提供表头行、主体区域，交互时给出最小热键提示；disabled=true 时抑制交互提示；loading=true 时显示稳定占位符；error 非空时在单行页脚打印（按宽度截断）。
适用场景：需要将 Top Tips 界面从模型 JSON 转换为 ASCII 线框图与 Pencil 设计规格的流程，例如先预览 TUI 再生成 Pencil 画布节点。
限制：资料未提供其收费、价格、平台支持范围与运行环境等事实；具体操作上限为每次 batch_design 调用不超过 25 个操作，其余行为需按共享的 tui-front-ui 规则执行。