SuperAPI AI 工具集

tui-card

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:将 Card(u-card)组件渲染为 ASCII 文本界面,并同时产出结构化布局规格,供后续设计工具(Pencil MCP)使用。

主要能力:始终输出布局属性(top/left/width/height、间距、颜色、字体排印、zIndex);输出可直接使用的 PENCIL_SPEC 与 PENCIL_BATCH_DESIGN 批量计划,每次调用操作数不超过 25;覆盖默认、自定义样式以及 disabled/loading/error 等状态与边界情况。

必要用法:输入模型包含 widthCols、grid(cellWidthPx、cellHeightPx)、props、modelValue、state、style、typography、layout、hotkeys 等字段。必须按固定顺序输出四个区块:OUTPUT: TUI_RENDER(仅等宽文本)、OUTPUT: COMPONENT_SPEC、OUTPUT: PENCIL_SPEC、OUTPUT: PENCIL_BATCH_DESIGN。PENCIL_BATCH_DESIGN 中按 CALL 分段,示例命令如 root=G()、screen=I(root,{type:"frame",name:"Screen"})、U(screen,{width:390,height:844,x:0,y:0}) 需保持原样。

渲染规则:不使用 TAB 字符;不超过 widthCols;提供表头行、主体区域,交互时给出最简热键提示;disabled=true 时隐藏交互提示;loading=true 时显示稳定占位;error 不为 null 时在底部单行输出错误并按宽度截断。

限制与说明:该技能不内嵌外部文档链接,规范参考需使用团队自身的组件文档或设计系统来源;未提供收费、价格、平台及效果方面的信息。