用途:为 Link(u-link)组件生成像素精确的 ASCII 文本界面(TUI)表示,并输出可直接供 Pencil MCP 使用的规格与批量设计计划。
主要能力:始终输出布局属性(top/left/width/height、间距、颜色、字体、zIndex);输出 Pencil MCP 就绪的规格;输出 batch_design 计划,每次调用不超过 25 个操作。
输出契约(强制):必须依次给出四个块——OUTPUT: TUI_RENDER(仅等宽文本)、OUTPUT: COMPONENT_SPEC(含 id、name、type、bbox、zIndex、layout、style、typography、overflow、state、hotkeys)、OUTPUT: PENCIL_SPEC(canvas、grid、nodes、components)、OUTPUT: PENCIL_BATCH_DESIGN(按 CALL 分步,使用 G()、I()、U() 等操作)。
输入模型(推荐):可传入 widthCols、grid(cellWidthPx、cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style(fillColor、textColor、strokeColor、strokeThickness、cornerRadius)、typography(fontFamily、fontSize、fontWeight、lineHeight)、layout(paddingPx、gapPx)、hotkeys。
渲染规则:遵循 tui-front-ui 共享规则;不得使用 TAB 字符;不得超过 widthCols;提供表头行、主体区域,交互时给出最小热键提示;disabled=true 时抑制交互提示;loading=true 时显示稳定占位符;error!=null 时在单行页脚打印并按宽度截断。
适用场景:需要把 Link 组件转成 ASCII TUI 预览,并同步产出 Pencil MCP 规格与批量设计操作的流程。
限制:该技能刻意不内嵌外部文档链接,如需权威参考应使用团队组件文档或设计系统来源;资料未提供收费、价格、平台支持范围等信息。