用途:为 Empty 空状态组件生成 ASCII 文本界面(TUI)表示,并同步产出可供 Pencil MCP 使用的结构化规格与批量设计计划。
主要能力:固定输出四个块——TUI_RENDER(纯等宽文本)、COMPONENT_SPEC(渲染属性与状态,含 bbox、zIndex、layout、style、typography、overflow、state、hotkeys)、PENCIL_SPEC(画布、网格、节点与组件)、PENCIL_BATCH_DESIGN(分批设计操作,每批不超过 25 个操作)。规格中始终输出 top/left/width/height、spacing、colors、typography、zIndex 等布局属性。
使用方式:输入采用 JSON 模型,可指定 widthCols、grid(cellWidthPx、cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style(fillColor、textColor、strokeColor、strokeThickness、cornerRadius)、typography、layout(paddingPx、gapPx)与 hotkeys。渲染须遵循 tui-front-ui 的共用规则:不使用 TAB 字符、不超过 widthCols、提供表头行与主体区、必要时给出最少热键;disabled 为 true 时抑制交互提示,loading 为 true 时显示稳定占位,error 非空时在单行页脚打印并按宽度截断。
适用场景:需要把 UI 组件以等宽字符方式预览,或为 Pencil MCP 准备组件规格与批量设计指令时使用。
限制:该技能不内嵌外部文档链接,如需标准参考应使用自有组件文档或设计系统来源;不同状态(默认、自定义样式、禁用/错误)示例给出的尺寸与样式不同,实际取值应以输入模型与所选状态为准。