SuperAPI AI 工具集

tui-load-more

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

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

主要能力:始终输出布局属性(top/left/width/height、spacing、colors、typography、zIndex);输出 COMPONENT_SPEC、PENCIL_SPEC 与 PENCIL_BATCH_DESIGN(每次调用不超过 25 个操作)。渲染遵循 tui-front-ui 共享规则:不使用 TAB 字符、不超过 widthCols、提供表头行与主体区域、交互时给出最小热键提示;disabled=true 时抑制交互提示,loading=true 时显示稳定占位符,error!=null 时在单行页脚输出并按宽度截断。

使用方式:按推荐输入模型传入 widthCols、grid(cellWidthPx/cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout、hotkeys,然后按强制输出契约依次给出四个 OUTPUT 区块。PENCIL_BATCH_DESIGN 使用 G()、I()、U() 等调用构建 Screen 与组件节点。

适用场景:需要以纯文本方式预览或校验 Load More 组件布局,并同步生成设计规格与批量设计操作的流程。

限制:该技能刻意不内嵌外部文档链接,如需权威参考应使用团队组件文档或设计系统来源;资料未提供具体收费、价格、平台支持范围与效果数据。