SuperAPI AI 工具集

tui-image

设计与创作

查看项目

更新于 10-16 09:49

技能介绍

用途:根据输入的组件模型 JSON,产出 Image(图像)组件的 ASCII 文本界面(TUI)表示,同时给出可供 Pencil MCP 使用的规格与批量设计调用计划。

工作流程:解析输入模型(widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys);依据网格换算像素坐标(cellWidthPx=8、cellHeightPx=16);渲染等宽 ASCII 图形;生成 COMPONENT_SPEC(含 bbox、style、typography、state、hotkeys);生成 PENCIL_SPEC(画布与组件列表);制定 PENCIL_BATCH_DESIGN(每次调用最多 25 个操作);最后校验 bbox 与渲染网格一致、批量操作数不超限。

主要能力:固定输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个块;强制输出布局属性(top/left/width/height、间距、颜色、排版、zIndex);支持 disabled、loading、error 等状态渲染规则,例如 disabled 抑制交互提示、loading 显示稳定占位、error 以单行页脚呈现并按宽度截断。

使用方式:向该技能提供上述结构的输入模型 JSON 即可,输出为既定的文本块与 JSON 规格;Pencil 批量调用形如: CALL 1: root=G() screen=I(root,{type:"frame",name:"Screen"}) U(screen,{width:390,height:844,x:0,y:0}) CALL 2: cmpBg=I(screen,{type:"rect",name:"Image/Background"})

限制:渲染须遵守 tui-front-ui 的共享规则,不使用 TAB 字符、不超出 widthCols、需包含标题行与主体区域;batch_design 每次调用不超过 25 个操作。资料未提供安装命令、收费方式与具体平台支持信息。