用途:根据输入模型 JSON 生成 Subsection(子区块)组件的像素级 ASCII TUI 表示,并同时产出可被 Pencil MCP 使用的组件规格与批量设计调用计划。
主要能力:输出布局属性(top/left/width/height、spacing、colors、typography、zIndex);输出 TUI_RENDER(等宽 ASCII 艺术,使用制表符绘制边框,遵守 widthCols);输出 COMPONENT_SPEC(含 bbox、style、typography、state、hotkeys);输出 PENCIL_SPEC(画布与组件列表);输出 PENCIL_BATCH_DESIGN(batch_design 调用,每次调用最多 25 个操作)。
工作流程:解析输入模型(widthCols、grid、props、state、style、typography、layout、hotkeys);用网格将列/行位置换算为像素坐标(cellWidthPx=8,cellHeightPx=16);渲染 TUI_RENDER;构建 COMPONENT_SPEC;构建 PENCIL_SPEC;规划 PENCIL_BATCH_DESIGN;最后校验 bbox 尺寸与 TUI_RENDER 网格一致,且批量操作不超过 25 个限制。
渲染规则:不使用 TAB 字符;不超过 widthCols;提供标题行、主体区域和最小热键;disabled=true 时抑制交互提示;loading=true 时显示稳定占位符;error!=null 时在单行页脚输出并截断到宽度。
限制:本资料未提供收费、价格、平台支持范围或实际运行性能信息,暂未提供。必要命令请保持原样使用,如 root=G()、screen=I(root,{type:"frame",name:"Screen"})、U(screen,{...}) 及 batch_design 调用示例。