SuperAPI AI 工具集

tui-quickstart

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:为 Quickstart(u-quickstart)组件生成像素精确的 ASCII 文本界面(TUI)表示,并同时产出可直接用于 Pencil MCP 的规格与批量设计计划。

主要能力:始终输出布局属性(top/left/width/height、间距、颜色、排版、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、typography、layout、hotkeys 等字段。外部文档不内嵌,需通过仓库索引 full-stack-skills/tui-sources/components.json 按 skill=tui-quickstart 或 slug=quickstart 查找。

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

适用场景:需要将 Quickstart 组件以 ASCII TUI 形式呈现,并同步生成 Pencil 设计规格与批量设计操作的流程。

限制:资料未提供具体安装命令、收费、价格、平台支持或效果数据;示例中的尺寸、颜色、字体等均为示例值,实际使用需按输入模型传入。