用途:根据输入模型生成 Loading Popup 的 ASCII 文本界面(TUI)表示,并同步产出布局与设计规格,供后续设计工具(Pencil MCP)使用。适用于需要把加载弹窗组件映射为等宽字符界面、并导出结构化规格与批量操作计划的场景。
主要能力与输出契约:必须依次输出四个块。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 形式给出批量操作,每批不超过 25 个操作。输入模型包含 widthCols、grid(cellWidthPx/cellHeightPx)、props、modelValue、state、style、typography、layout、hotkeys。
使用方式:按输入模型提供宽度、网格、样式与状态,技能会渲染 TUI 并生成规格。批处理示例中先创建 screen,再用 I() 与 U() 创建并更新背景与文本节点。
渲染规则:不使用 TAB;不超过 widthCols;提供表头行、主体区和最少热键;disabled=true 时抑制交互提示;loading=true 时显示稳定占位;error 不为空时以单行页脚输出并截断到宽度。
限制:该技能不内嵌外部文档链接,需使用团队组件文档或设计系统作为参考;除给定示例外未提供其他收费、平台或效果信息。