SuperAPI AI 工具集

tui-gap

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:为 Gap 组件生成 ASCII 文本界面(TUI)表示,并同时产出可供 Pencil MCP 使用的组件规格与批量设计计划。资料显示其面向前端/组件设计流程,输入为宽度列数、网格尺寸、属性、状态、样式、排版、布局与快捷键等模型字段。

主要能力:始终输出布局属性(top/left/width/height、spacing、colors、typography、zIndex);始终输出 Pencil MCP-ready 规格以及 batch_design 计划,且每次调用不超过 25 个操作。输出必须包含四个区块:TUI_RENDER(纯等宽文本)、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN。

使用方式:按推荐输入模型提供 widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys。渲染规则要求不出现 TAB 字符、不得超过 widthCols、提供表头行、主体区域,并在可交互时给出最小快捷键提示;disabled=true 时抑制交互提示,loading=true 显示稳定占位,error!=null 时在单行页脚输出并按宽度截断。示例中的批量操作为 root=G()、screen=I(root,{type:"frame",name:"Screen"})、U(screen,{...})、cmpBg=I(...)、U(cmpBg,{...})、cmpText=I(...)、U(cmpText,{...})。

适用场景:需要将 Gap 组件转换为 ASCII TUI、并同时生成 Pencil 规格与批量设计脚本的设计/前端协作场景。限制:资料未提供外部文档链接,建议改用团队组件文档或设计系统来源;收费、价格、平台、实际效果等未提供;不应假定额外功能。