用途:把 Transition 组件的输入模型渲染为 ASCII 文本界面(TUI),并同步产出可供 Pencil MCP 使用的规格与批量设计计划,便于在文本环境与可视化设计工具之间对齐同一份组件定义。
主要能力: 一、TUI_RENDER:使用制表符绘制 ASCII 组件,遵守 widthCols 限制。 二、COMPONENT_SPEC:输出组件 JSON 规格,包含 id、name、type、bbox、zIndex、layout、style、typography、overflow、state、hotkeys。 三、PENCIL_SPEC:输出画布、网格与组件列表。 四、PENCIL_BATCH_DESIGN:输出批量设计调用,每次调用不超过 25 个操作。
使用方式:先解析输入模型 JSON(widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys),按网格 cellWidthPx=8、cellHeightPx=16 把列/行换算为像素坐标;随后依次渲染 TUI_RENDER、构建 COMPONENT_SPEC、构建 PENCIL_SPEC、规划 PENCIL_BATCH_DESIGN;最后校验 COMPONENT_SPEC 的 bbox 与 TUI_RENDER 网格一致,并确认批量操作未超 25 条上限。
渲染规则:不使用 TAB;不得超过 widthCols;提供表头行、主体区与必要热键;disabled=true 时抑制交互提示;loading=true 时显示稳定占位;error 非空时在单行页脚输出并按宽度截断。
适用场景:需要以纯文本方式描述 Transition 组件结构与样式,并希望同一模型可被 Pencil 设计流程消费的场景。
限制:资料未提供该技能的安装命令、价格、平台支持范围与性能数据;列出的示例属于格式示例,不应视为实际渲染效果承诺。