SuperAPI AI 工具集

tui-config-provider

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:生成 Config Provider 的 ASCII 文本界面(TUI)表示,并配套输出布局属性、Pencil MCP 就绪规格与 batch_design 计划,用于将组件同时映射到终端渲染与设计画布。

主要能力:输出 TUI_RENDER(等宽 ASCII 框线图,遵守 widthCols);COMPONENT_SPEC(含 bbox、style、typography、state、hotkeys 的 JSON 规格);PENCIL_SPEC(画布与组件列表);PENCIL_BATCH_DESIGN(batch_design 调用,每次最多 25 个操作)。始终输出 top/left/width/height、spacing、colors、typography、zIndex 等布局属性。

使用方式:输入模型 JSON,包含 widthCols、grid(cellWidthPx=8、cellHeightPx=16)、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout、hotkeys。流程为解析输入、按网格将列/行转换为像素坐标、渲染 TUI、构建 COMPONENT_SPEC、构建 PENCIL_SPEC、生成 PENCIL_BATCH_DESIGN、校验 bbox 与 TUI 网格一致且 batch 操作不超过 25 个。输出必须包含上述四个块。

渲染规则:不使用 TAB 字符;不超过 widthCols;提供表头行、主体区与必要热键;disabled=true 抑制交互提示;loading=true 显示稳定占位符;error!=null 时在单行页脚打印并按宽度截断。

适用场景与限制:适用于组件级 TUI 原型、设计规格产出与页面聚合(组件汇总行)。资料未提供除该技能页面外的安装命令、收费与平台支持信息,暂未提供。