用途:将 Full Screen(全屏)组件渲染为 ASCII 文本界面(TUI)表示,并同步产出布局、样式与可交付给 Pencil MCP 的规格及批量设计执行计划。
主要能力:始终输出布局属性(top/left/width/height、spacing、colors、typography、zIndex);输出 PENCIL_SPEC;输出 batch_design 计划,每次调用不超过 25 个操作。输入模型示例字段包括 widthCols、grid(cellWidthPx/cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout、hotkeys。
使用方式:按强制输出契约依次给出 OUTPUT: TUI_RENDER(仅等宽文本)、OUTPUT: COMPONENT_SPEC(含 id、name、type、bbox、zIndex、layout、style、typography、overflow、state、hotkeys 的 JSON)、OUTPUT: PENCIL_SPEC(canvas、grid、nodes、components)、OUTPUT: PENCIL_BATCH_DESIGN(CALL 1、CALL 2 等,使用 G()、I()、U() 命令,如 root=G()、screen=I(root,{type:"frame",name:"Screen"})、U(screen,{width:390,height:844,x:0,y:0}))。
渲染规则:禁止使用 TAB;不得超过 widthCols;需提供标题行、正文区,交互时给出最简热键;disabled=true 时抑制交互提示;loading=true 时显示稳定占位符;error!=null 时以单行页脚输出并将错误截断至宽度。
适用场景:为设计系统生成与组件文档对齐的全屏组件 TUI 规格,并批量生成 Pencil 设计节点。限制:该技能刻意不内嵌外部文档链接,需使用团队组件文档或设计系统来源;其余收费、平台、价格等信息暂未提供。