用途:按像素精度生成并渲染 "Download Setting" 的 ASCII 文本界面(TUI)组件,产出完整的输出块:TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN。
主要能力:始终输出布局属性(top/left/width/height、spacing、colors、typography、zIndex);输出 Pencil MCP 就绪的规格以及 batch_design 计划,每次调用不超过 25 个操作。
工作流程:1) 解析输入,读取输入模型 JSON(widthCols、grid、props、state、style、typography、layout、hotkeys);2) 计算布局,用网格(cellWidthPx=8、cellHeightPx=16)把列/行位置换算为像素坐标;3) 渲染 TUI_RENDER,用方框绘制字符构建等宽 ASCII 图,遵守 widthCols;4) 构建 COMPONENT_SPEC,输出含 bbox、style、typography、state、hotkeys 的 JSON 规格;5) 构建 PENCIL_SPEC,输出 Pencil MCP 的画布与组件列表;6) 规划 PENCIL_BATCH_DESIGN,输出 batch_design 调用;7) 校验,确认 COMPONENT_SPEC 的 bbox 尺寸与 TUI_RENDER 网格一致,并确认批量操作不超过 25 个。
渲染规则:不使用 TAB 字符;不超过 widthCols;提供表头行、主体区域,交互时提供最小热键提示;disabled=true 时抑制交互提示;loading=true 时显示稳定占位符;error!=null 时在单行页脚打印(按宽度截断)。
文档来源:该技能不内嵌外部文档 URL,使用仓库索引 full-stack-skills/tui-sources/components.json,按 skill=tui-download-setting 或 slug=download-setting 查找。
限制:输入模型有推荐结构(widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys);批量设计每次最多 25 个操作。其它信息暂未提供。