tui-fab

用途：把输入的组件模型（JSON）渲染为等宽字符的 ASCII 文本界面（TUI），同时产出一致的设计规格，用于 Pencil MCP 画布与批量设计。\n\n主要能力：输出固定四类结果块——TUI_RENDER（等宽 ASCII 图）、COMPONENT_SPEC（含 bbox、layout、style、typography、overflow、state、hotkeys 的 JSON 规格）、PENCIL_SPEC（画布与组件列表）、PENCIL_BATCH_DESIGN（Pencil 批处理设计调用，每次最多 25 个操作）。渲染遵循 tui-front-ui 共享规则：不使用 TAB 字符、不超过 widthCols、提供表头行、主体区和必要快捷键；disabled=true 时隐藏交互提示，loading=true 时显示稳定占位，error 非空时在单行页脚输出并按宽度截断。\n\n使用方式：向该技能提供输入模型 JSON，字段含 widthCols、grid（cellWidthPx=8、cellHeightPx=16）、props、modelValue、state、style、typography、layout、hotkeys。流程为：解析输入、按网格把行列坐标换算为像素坐标、渲染 TUI_RENDER、构建 COMPONENT_SPEC、构建 PENCIL_SPEC、规划 PENCIL_BATCH_DESIGN、最后校验 bbox 尺寸与 TUI_RENDER 网格一致且批处理操作不超过 25 个。\n\n适用场景：需要以纯文本界面呈现或校验 Fab 按钮/浮动作按钮组件布局时；需要把 TUI 结果同步为 Pencil 设计规格时。\n\n限制：资料未提供安装命令、运行环境、依赖要求、价格或平台支持信息，暂未提供；输出必须包含全部四个输出块，且批次操作上限为 25。