用途:根据输入模型为 Image 组件生成像素级精确的 ASCII 文本界面(TUI),并以固定四个文本区块输出,便于后续工具链解析与渲染。
主要能力:始终输出布局属性(top/left/width/height、间距、颜色、字体、zIndex);输出可由 Pencil MCP 直接使用的组件规格与离线画布规格;提供 batch_design 批量设计计划,每次调用不超过 25 个操作。输入模型包含 widthCols、grid(cellWidthPx/cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout、hotkeys,并给出默认值。
用法:按约定渲染规则生成输出——不得使用 TAB、不得超出行宽、提供表头行与主体区域、交互时给最简热键提示;disabled=true 时不显示交互提示;loading=true 时显示稳定占位符;error!=null 时以单行页脚显示并按宽度截断。四个输出区块依次为 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN,示例中 PENCIL_BATCH_DESIGN 以 CALL 1、CALL 2 形式列出具体构造与更新操作。
适用场景:需要把 Image 组件的界面规格转成可读 ASCII 预览并同步生成 Pencil MCP 可消费的组件/画布/批量设计规格时使用。
限制:本技能不内嵌外部文档链接,如需权威参考应使用团队自身的组件文档或设计系统源;批量设计计划每次不超过 25 个操作;其余平台、收费、价格、效果等信息暂未提供。