SuperAPI AI 工具集

tui-npm-setting

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:生成 Npm Setting 的 ASCII 文本界面(TUI)表示,并产出可供 Pencil MCP 使用的规格与批量设计计划。

主要输出(强制契约,四个块均需给出):TUI_RENDER(仅等宽文本的 Box 绘制图)、COMPONENT_SPEC(含 bbox、layout、style、typography、overflow、state、hotkeys 的 JSON 规格)、PENCIL_SPEC(画布与节点/组件列表)、PENCIL_BATCH_DESIGN(batch_design 调用,单次调用最多 25 个操作)。

工作流程:解析输入模型 JSON(widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys);按 grid(cellWidthPx=8、cellHeightPx=16)把列/行换算为像素坐标;渲染 TUI_RENDER 并遵守 widthCols;生成 COMPONENT_SPEC;生成 PENCIL_SPEC;输出 PENCIL_BATCH_DESIGN;最后校验 bbox 与 TUI 网格一致、批处理操作不超过 25 个。

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

限制:该技能不内嵌外部文档 URL,来源索引为 full-stack-skills/tui-sources/components.json(按 skill=tui-npm-setting 或 slug=npm-setting 查找);batch_design 每次调用操作上限 25;像素精度依赖 grid 设定。收费、价格、平台支持与效果等资料暂未提供。