用途:把 Select 选择控件渲染为 ASCII 文本界面(TUI),同时产出可直接用于 Pencil MCP 的组件规格与批量设计计划。
主要能力:始终输出布局属性(top/left/width/height、间距、颜色、字体、zIndex);输出 COMPONENT_SPEC(含 bbox、style、typography、state、hotkeys);输出 PENCIL_SPEC(画布与组件列表);输出 PENCIL_BATCH_DESIGN(每次调用最多 25 个操作)。
使用方式:输入模型 JSON,包含 widthCols、grid(cellWidthPx=8、cellHeightPx=16)、props、modelValue、state、style、typography、layout、hotkeys。流程为解析输入、按网格把列/行换算为像素坐标、渲染 TUI_RENDER、构建 COMPONENT_SPEC、构建 PENCIL_SPEC、规划 PENCIL_BATCH_DESIGN、校验 bbox 与网格一致且批量操作不超过 25 个。
渲染规则:不使用 TAB;不超过 widthCols;提供表头、主体区与必要热键;disabled=true 时隐藏交互提示;loading=true 时显示稳定占位;error 非空时在单行页脚输出并按宽度截断。
交互:<enter> 打开/关闭,<up>/<down> 移动,<enter> 选择,<esc> 关闭。关闭态显示 [ label: currentValue ] 或 [ placeholder ];打开态在下方显示选项列表,活动行用 > 标记,禁用项加 (disabled) 后缀。
适用场景:需要以文本形式预览或交付 Select 组件设计、并同步生成 Pencil 设计稿的流程。
限制:资料未提供收费、价格、平台支持范围与效果数据;批量设计每次调用上限 25 个操作。