用途:将输入框(Input)的输入模型渲染为 ASCII 文本界面(TUI)表示,并同时产出可供 Pencil MCP 使用的设计规格与批量设计计划。
主要能力:始终输出布局属性(top/left/width/height、spacing、colors、typography、zIndex);输出 Pencil MCP 就绪的规格以及 batch_design 计划(每次调用不超过 25 个操作)。工作流包括:解析输入模型 JSON(widthCols、grid、props、state、style、typography、layout、hotkeys);按网格(cellWidthPx=8、cellHeightPx=16)将列/行位置换算为像素坐标;用制表符绘制字符构建等宽 ASCII 图并遵守 widthCols;生成含 bbox、style、typography、state、hotkeys 的 COMPONENT_SPEC;生成 PENCIL_SPEC 的画布与组件列表;生成 PENCIL_BATCH_DESIGN 调用;最后校验 bbox 尺寸与 TUI_RENDER 网格一致、批量操作不超过 25 个。
输出契约:必须依次输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个块。渲染规则要求不使用 TAB 字符、不超过 widthCols、提供表头行与主体区域、交互时给出最小热键提示;disabled=true 时抑制交互提示,loading=true 时显示稳定占位符,error!=null 时在单行页脚打印并按宽度截断。
组件映射:支持 label、placeholder、value(或 modelValue)、required、maxLength、prefix、suffix、clearable、keyboard(text/number/password)等属性。状态规则:聚焦时在字段末尾显示光标 |;密码用 • 掩码且长度与值一致;禁用时灰色文本、无光标、无热键。交互提示为 <tab> 下一字段、<enter> 提交、<esc> 返回。
适用场景:需要以纯文本方式预览或交付输入框组件设计、并同步生成 Pencil 设计稿的流程。
限制:资料未提供安装命令、收费、价格、平台支持与效果数据,暂未提供。