SuperAPI AI 工具集

tui-back-top

设计与创作

查看项目

更新于 10-16 03:16

技能介绍

用途:生成「返回顶部」(Back Top)组件的 ASCII 文本界面(TUI)表示,并同步产出布局属性与 Pencil MCP 可用的设计规格。

主要能力:始终输出布局属性(top/left/width/height、间距、颜色、字体、zIndex);输出 Pencil MCP 就绪的规格以及 batch_design 计划(每次调用不超过 25 个操作)。输出契约包含四个必选块:TUI_RENDER(纯等宽文本)、COMPONENT_SPEC(含 bbox、style、typography、state、hotkeys 的 JSON 规格)、PENCIL_SPEC(画布与组件列表)、PENCIL_BATCH_DESIGN(创建设计的批量调用)。

使用方式:输入模型 JSON,包含 widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys。工作流为:解析输入、按网格换算像素坐标(cellWidthPx=8、cellHeightPx=16)、渲染 TUI_RENDER、构建 COMPONENT_SPEC、构建 PENCIL_SPEC、规划 PENCIL_BATCH_DESIGN、校验 bbox 与 TUI 网格一致且批量操作不超过 25 个。

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

适用场景:需要以文本形式预览或规范「返回顶部」组件,并同步生成 Pencil 设计稿的流程。

限制:资料未提供收费、价格、平台支持范围与效果保证等信息;具体命令与代码示例以原始资料为准。