SuperAPI AI 工具集

tui-safe-area-inset

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:为 Safe Area Inset(u-safe-area-inset)组件生成像素精确的 ASCII 文本界面(TUI)表示,并同时产出可供 Pencil MCP 使用的规格与批量设计计划。

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

使用方式:按推荐输入模型提供 widthCols、grid(cellWidthPx/cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout、hotkeys。渲染遵循 tui-front-ui 共享规则:不使用 TAB 字符、不超过 widthCols、提供表头行与主体区、交互时给出最小热键提示;disabled=true 时抑制交互提示,loading=true 时显示稳定占位符,error 非空时在单行页脚输出并按宽度截断。

适用场景:需要以文本形式预览或校验 Safe Area Inset 组件布局、样式与状态,并同步生成 Pencil 设计规格与批量操作计划的流程。

限制:该技能刻意不内嵌外部文档链接,如需权威参考应使用团队组件文档或设计系统来源;资料未提供具体安装命令、收费方式、平台支持与效果保证等信息。