SuperAPI AI 工具集

tui-button

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:为 Button(u-button)生成像素精确的 ASCII 文本界面(TUI)表示,并配套输出布局属性与面向 Pencil MCP 的规格及批量设计计划。

主要能力:固定输出四个区块——TUI_RENDER(纯等宽文本)、COMPONENT_SPEC(含 id、bbox、zIndex、layout、style、typography、overflow、state、hotkeys)、PENCIL_SPEC(画布、网格、节点、组件)、PENCIL_BATCH_DESIGN(分批设计调用,单次不超过 25 个操作)。layout 属性(top/left/width/height、间距、颜色、排版、zIndex)始终输出。

使用方式:按推荐输入模型提供参数,包括 widthCols、grid(cellWidthPx/cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout、hotkeys。组件字段含 label(必填)、variant(primary/secondary/danger/ghost,默认 primary)、size(sm/md/lg,默认 md)、block、iconLeft/iconRight、loading、disabled、onClick。

渲染规则:不使用 TAB;不超过 widthCols;含表头、主体区与最小热键提示;disabled=true 隐藏交互提示;loading=true 显示稳定占位;error 非空时在底部单行输出并按宽度截断;focused=true 用 ⟦ … ⟧ 包裹或加粗边框。

适用场景:需要为按钮组件产出结构化 ASCII 预览、设计规格与 Pencil 批量绘制计划的流程。

限制:技能本身不内嵌外部文档链接,规范参考需使用团队组件文档或设计系统来源;其余收费、平台、效果等信息暂未提供。