用途:为 Tabs 标签页组件生成 ASCII 文本界面(TUI)表示,并同步输出布局属性与 Pencil MCP 可用的规格和批量设计计划。
主要能力:强制输出四类内容——TUI_RENDER(等宽文本渲染)、COMPONENT_SPEC(组件规格,含 bbox、zIndex、layout、style、typography、state、hotkeys)、PENCIL_SPEC(画布与网格、节点与组件)以及 PENCIL_BATCH_DESIGN(批量设计调用,每次调用不超过 25 个操作)。规格中始终包含 top/left/width/height、间距、颜色、字体与 zIndex。
渲染规则:不使用 TAB 字符;不超过 widthCols;提供表头行、主体区和最小热键;disabled=true 时抑制交互提示;loading=true 时显示稳定占位;error 非空时在单行页脚显示并按宽度截断。组件映射支持 tabs(含 id、label、disabled)、activeId 或 modelValue、scrollable;活动标签用方括号 [Profile],非活动用空格,禁用项用圆括号 (Billing);热键提示为 <left>/<right> 切换、<enter> 激活、<esc> 返回。
使用方式:按推荐输入模型提供 widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys,再按输出契约依次给出四个输出块。批量设计示例使用 G()、I()、U() 等调用生成 Screen、Tabs/Background、Tabs/Text 等节点。
限制:该技能不内嵌外部文档链接,如需权威参考应使用团队组件文档或设计系统源;资料未提供收费、价格、平台或性能数据,暂未提供相关说明。