SuperAPI AI 工具集

tui-notice-bar

设计与创作

查看项目

更新于 10-16 09:49

技能介绍

用途:生成 Notice Bar(通知栏)的 ASCII 文本界面(TUI)表示,并附带可供 Pencil MCP 使用的规格与批量设计计划。\n\n主要能力:始终输出布局属性(top/left/width/height、spacing、颜色、字体、zIndex);输出 COMPONENT_SPEC(含 bbox、style、typography、state、hotkeys)、PENCIL_SPEC(canvas 与 components 列表)与 PENCIL_BATCH_DESIGN(每次调用不超过 25 个操作)。\n\n使用方式:先解析输入模型 JSON(widthCols、grid、props、state、style、typography、layout、hotkeys);按网格换算像素坐标(cellWidthPx=8、cellHeightPx=16);用制表符字符构建 TUI_RENDER 并遵守 widthCols;随后依次输出 COMPONENT_SPEC、PENCIL_SPEC 与 PENCIL_BATCH_DESIGN;最后校验 bbox 尺寸与 TUI 网格一致、批次操作未超过 25 条。\n\n渲染规则:不使用 TAB 字符,不超出 widthCols,提供表头、正文区与必要快捷键提示;disabled=true 时隐藏交互提示;loading=true 时显示稳定占位;error!=null 时在单行页脚输出(超宽截断)。\n\n示例中 PENCIL_BATCH_DESIGN 使用 root=G()、screen=I(root,{type:"frame",name:"Screen"})、U(screen,{width:390,height:844,x:0,y:0}) 等指令创建 Screen、Background 与 Text 节点。\n\n限制:资料未提供实际可用平台、收费、价格或性能说明;示例基于固定网格与像素换算,实际尺寸与样式需以输入模型为准。