用途:生成 Install(安装)组件的 ASCII 文本界面(TUI)表示,并输出可供 Pencil MCP 使用的规格与批量设计计划。
主要能力:一是解析输入模型 JSON(widthCols、grid、props、state、style、typography、layout、hotkeys);二是按网格(cellWidthPx=8、cellHeightPx=16)把列/行位置换算为像素坐标;三是用框线字符渲染遵守 widthCols 的等宽 ASCII 图;四是输出包含 bbox、style、typography、state、hotkeys 的 COMPONENT_SPEC;五是输出面向 Pencil MCP 的 PENCIL_SPEC 画布与组件列表;六是给出 batch_design 调用计划(每次调用不超过 25 个操作);七是校验 bbox 尺寸与 TUI 网格一致、批量操作不超限。
输出契约:必须依次给出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个输出块。渲染规则要求不使用 TAB 字符、不超过 widthCols、提供表头行与主体区、交互时给出最少热键;disabled=true 时抑制交互提示,loading=true 时显示稳定占位符,error 非空时在单行页脚打印并按宽度截断。
使用方式:提供输入模型 JSON 调用该技能,例如默认模型含 widthCols: 70、grid、style(fillColor #ffffff、textColor #111111、strokeColor #e5e7eb 等)、typography(Inter 14/400/20)与 layout(paddingPx 16、gapPx 8)。文档给出最小默认、样式定制、禁用/错误三种示例,均包含全部四个输出块。外部文档不内嵌,需通过仓库索引 full-stack-skills/tui-sources/components.json 按 skill=tui-install 或 slug=install 查找。
限制:资料未提供独立安装命令、价格与平台信息;batch_design 每次调用上限 25 个操作。