用途:为 Skeleton(u-skeleton)组件生成像素级精确的 ASCII TUI 表示,并输出可供 Pencil MCP 使用的规格与批量设计计划。
主要能力:始终输出布局属性(top/left/width/height、间距、颜色、字体、zIndex);输出 Pencil MCP 就绪的规格;输出 batch_design 计划,每次调用不超过 25 个操作。输出契约强制包含四个区块:TUI_RENDER(仅等宽文本)、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN。
输入模型:推荐输入包含 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 时在单行页脚打印(按宽度截断)。
使用方式:按输入模型提供参数,技能将按输出契约生成四个区块。示例覆盖默认、自定义样式、禁用/错误/边界情况。
限制:该技能有意不嵌入外部文档链接,如需权威参考请使用团队组件文档或设计系统源。资料未提供安装命令、收费、价格、平台或效果信息。