用途:将输入模型渲染为 ASCII 文本界面(TUI)中的 Radio 单选组件,并同时给出可供 Pencil MCP 使用的规格与批处理设计计划。
主要能力:始终输出布局属性(top/left/width/height、间距、颜色、排版、zIndex);按网格换算像素坐标(cellWidthPx=8,cellHeightPx=16);生成 TUI_RENDER 等宽 ASCII 图(使用制表符绘制框线,且不超过 widthCols);输出 COMPONENT_SPEC(含 bbox、style、typography、state、hotkeys);输出 PENCIL_SPEC(画布与组件列表);输出 PENCIL_BATCH_DESIGN(调用 Pencil 的批量设计操作,每次调用不超过 25 个操作);并做校验:确认 COMPONENT_SPEC 的 bbox 与 TUI_RENDER 网格一致、批处理操作不超过 25 个限制。
使用方式:解析输入模型 JSON(widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys),按列/行换算像素,然后依次产出四个输出块。示例中的批处理命令形态为 root=G()、screen=I(root,{type:"frame",name:"Screen"})、U(screen,{width:390,height:844,x:0,y:0}),以及 cmpBg=I(...) 后 U(...) 设置属性。
渲染规则:不使用 TAB 字符;不超过 widthCols;提供表头行、主体区域,交互时给出最小热键提示;disabled=true 时禁止显示交互提示;loading=true 时显示稳定占位;error!=null 时在单行页脚输出并以宽度截断。
适用场景与限制:适用于在终端文本界面中设计/预览 Radio 组件,并衔接 Pencil 设计画布。要求严格按输入模型和四个输出块契约执行。收费、价格、可用平台、安装方式及外部依赖细节暂未提供。