用途:生成 Search 组件的 ASCII 文本界面(TUI)表示,并同时产出可直接用于 Pencil MCP 的规格与批量设计计划。
主要能力:始终输出布局属性(top/left/width/height、间距、颜色、字体、zIndex);输出 Pencil MCP 就绪的规格;输出 batch_design 计划,每次调用不超过 25 个操作。
工作流程:解析输入模型 JSON(widthCols、grid、props、state、style、typography、layout、hotkeys);按网格换算像素坐标(cellWidthPx=8、cellHeightPx=16);用制表符绘制字符生成 TUI_RENDER,且不超过 widthCols;构建含 bbox、style、typography、state、hotkeys 的 COMPONENT_SPEC;构建 PENCIL_SPEC 的画布与组件列表;生成 PENCIL_BATCH_DESIGN 调用;最后校验 bbox 与 TUI_RENDER 网格一致、批量操作不超过 25 条。
输出契约:必须依次输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个块。渲染规则:不使用 TAB 字符;不超出 widthCols;提供表头行、主体区域及必要热键;disabled=true 时抑制交互提示;loading=true 时显示稳定占位;error!=null 时在单行页脚输出并按宽度截断。
适用场景:需要以文本方式预览搜索组件布局,或需要把该组件规格批量导入 Pencil 设计工具时使用。
限制:资料未提供安装命令、收费方式、平台支持与效果数据;输入模型为推荐格式,具体字段含义以资料所列为准。