用途:生成并渲染像素级精确的 ASCII 文本界面(TUI)导航栏(Navbar)组件,并同时产出可直接用于 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;构建含 bbox、style、typography、state、hotkeys 的 COMPONENT_SPEC;构建 PENCIL_SPEC;规划 PENCIL_BATCH_DESIGN;最后校验 bbox 与 TUI_RENDER 网格一致且批量操作不超过 25 个。
使用方式:输入推荐模型 JSON,包含 widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys。输出契约强制包含四个块:OUTPUT: TUI_RENDER、OUTPUT: COMPONENT_SPEC、OUTPUT: PENCIL_SPEC、OUTPUT: PENCIL_BATCH_DESIGN。导航栏规范属性包括 title、leftText(如 Back)、rightText(如 Edit)、fixed(固定时 topPx=0 且 zIndex 较高,如 10+)。渲染规则:单行栏、标题居中、左右槽位可选;标题与侧边操作冲突时截断。
限制:遵循 tui-front-ui 共享规则,不使用 TAB 字符,不超过 widthCols,需提供表头行、主体区域及最小热键;disabled=true 时抑制交互提示,loading=true 时显示稳定占位符,error!=null 时在单行页脚打印并截断至宽度。每次 batch_design 调用最多 25 个操作。
适用场景:需要以 ASCII 形式预览导航栏组件,并同步生成 Pencil 设计规格与批量设计操作的场景。
其他信息:官方文本暂未提供;具体收费、价格、平台支持等信息暂未提供。