用途:为 Top Tips 生成像素级 ASCII 文本界面(TUI)表示,并输出可供 Pencil 使用的组件规格与批量设计计划。适用于需要将 TUI 组件转换为结构化布局与设计规格的场景。
主要能力:始终输出布局属性(top/left/width/height、spacing、colors、typography、zIndex);输出 Pencil MCP 就绪的规格与 batch_design 计划(每次调用不超过 25 个操作)。输入模型包含 widthCols、grid 单元格像素、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout 与 hotkeys。
输出契约(强制):必须依次输出四个块——TUI_RENDER(仅等宽文本);COMPONENT_SPEC(含 id、name、type、bbox、zIndex、layout、style、typography、overflow、state、hotkeys);PENCIL_SPEC(含画布、网格、nodes、components);PENCIL_BATCH_DESIGN(按 CALL 顺序给出创建与更新节点的指令)。
渲染规则:不出现 TAB 字符;不超过 widthCols;提供标题行、正文区域与必要热键;disabled=true 时抑制交互提示;loading=true 时显示稳定占位符;error!=null 时在单行页脚打印(按宽度截断)。
限制:该技能有意不内嵌外部文档链接,如需要权威参考应使用团队组件文档或设计系统来源。示例中的尺寸、颜色、字体等仅为示例,不代表产品默认值。其它平台支持与收费信息暂未提供。