用途:为 Lazy Load(u-lazy-load)组件生成像素精确的 ASCII 文本界面(TUI)表示,始终输出布局属性(top/left/width/height、间距、颜色、字体、zIndex),并输出可供 Pencil MCP 使用的规格及 batch_design 计划(每次调用不超过 25 个操作)。
主要能力:接收包含宽度列数、网格单元尺寸、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout、hotkeys 的输入模型;按必须的输出契约依次输出四个块:TUI_RENDER(仅等宽文本)、COMPONENT_SPEC(含 bbox、zIndex、layout、style、typography、overflow、state、hotkeys)、PENCIL_SPEC(画布、网格、nodes、components)、PENCIL_BATCH_DESIGN(CALL 1、CALL 2 等命令序列)。
使用方式:提供上述输入模型后调用本技能,输出须包含全部四个输出块。渲染遵循 tui-front-ui 的共享规则:不使用 TAB 字符、不超过 widthCols、提供表头、主体区及必要热键;disabled=true 时须隐藏交互提示,loading=true 时须显示稳定占位符,error!=null 时须以单行页脚输出(超出宽度时截断)。资料给出最小/默认、自定义样式、禁用与错误三种示例,含对应 COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 内容。
适用场景:为 Lazy Load 组件做文本界面原型、设计规格描述,或生成 Pencil 批量设计操作。
限制:该技能刻意不内嵌外部文档链接,如需权威参考应使用自身团队组件文档或设计系统来源;其余平台、收费、价格、效果等事实暂未提供。