用途:为 Search(u-search)组件生成像素级 ASCII 文本界面(TUI)表示,并输出可供 Pencil 使用的规格与批量设计计划。
主要能力:始终输出布局属性(top/left/width/height、spacing、colors、typography、zIndex);输出 Pencil MCP 就绪的规格;输出 batch_design 计划,每次调用不超过 25 个操作。输入模型可包含 widthCols、grid(cellWidthPx/cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout、hotkeys。
输出契约:必须依次输出四个区块——TUI_RENDER(仅等宽文本)、COMPONENT_SPEC(含 id、name、type、bbox、zIndex、layout、style、typography、overflow、state、hotkeys)、PENCIL_SPEC(canvas、grid、nodes、components)、PENCIL_BATCH_DESIGN(按 CALL 分步,使用 G()、I()、U() 等操作)。
渲染规则:不使用 TAB 字符;不超过 widthCols;提供表头行、主体区域,交互时给出最小热键提示;disabled=true 时抑制交互提示;loading=true 时显示稳定占位符;error 非空时在单行页脚打印并截断到宽度。
适用场景:需要以 ASCII 形式预览或规范 Search 组件,并同步生成 Pencil 设计规格与批量操作计划的流程。
限制:该技能不内嵌外部文档链接,如需权威参考应使用团队组件文档或设计系统来源;示例中的颜色、尺寸、字体等均为示例值,实际以输入模型为准。