SuperAPI AI 工具集

tui-fab

前端与建站

查看项目

更新于 10-15 21:48

技能介绍

用途:为 Fab 组件生成像素级精确的 ASCII TUI 表示,并配套输出布局属性(top/left/width/height、间距、颜色、字体、zIndex)以及可供 Pencil MCP 使用的规格与 batch_design 计划。

主要能力:固定四段输出契约——OUTPUT: TUI_RENDER(纯等宽文本)、OUTPUT: COMPONENT_SPEC(含 bbox、layout、style、typography、overflow、state、hotkeys 的 JSON 规格)、OUTPUT: PENCIL_SPEC(画布、网格、nodes、components)、OUTPUT: PENCIL_BATCH_DESIGN(≤25 个操作/次,用 G()、I()、U() 等指令构建画面)。支持通过输入模型传入 widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys。

必要用法:输入推荐 JSON 模型,指定列宽与网格像素、样式与排版、状态等;输出必须包含全部四个区块。渲染遵循 tui-front-ui 共享规则:不使用 TAB、不超出 widthCols、提供表头行、主体区域与最小热键提示;disabled=true 时隐藏交互提示,loading=true 时显示稳定占位,error 非空时以单行页脚输出并按宽度截断。文档附有默认、定制样式、禁用/错误三种示例,命令示例保持原样,例如 root=G() 与 screen=I(root,{type:"frame",name:"Screen"})。

适用场景:需要在终端环境中呈现 Fab 交互组件、或将 Fab 转成 Pencil MCP 可消费的设计规范与批量构建计划时。

限制:官方文档链接未内置,规范参考需使用团队组件文档或设计系统来源;批量设计单次调用上限 25 个操作;其他收费、价格与平台信息暂未提供。