SuperAPI AI 工具集

tui-npm-setting

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:该技能用于产出 Npm Setting(u-npm-setting)的 ASCII 文本界面(TUI)表示,并同时给出可直接用于设计工具的结构化规格。

主要能力:始终输出布局属性(top/left/width/height、spacing、颜色、排版、zIndex);输出 Pencil MCP 就绪的规格以及 batch_design 计划,每次调用不超过 25 个操作。输出块为 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN。

使用方式:按推荐输入模型传入参数,包含 widthCols、grid(cellWidthPx、cellHeightPx)、props、modelValue、state(focused、disabled、loading、error)、style(fillColor、textColor、strokeColor、strokeThickness、cornerRadius)、typography(fontFamily、fontSize、fontWeight、lineHeight)、layout(paddingPx、gapPx)与 hotkeys。外部文档不内嵌,改用仓库索引 full-stack-skills/tui-sources/components.json,按 skill=tui-npm-setting 或 slug=npm-setting 查找。

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

限制:具体可选 props、可用热键及校验取值暂未提供;各示例的宽高与样式仅作示意。