用途:该技能用于为 Badge(u-badge)组件生成 ASCII 文本界面(TUI)表示,并同时输出布局属性(top/left/width/height、间距、颜色、字体、zIndex)以及可供 Pencil MCP 使用的规格和 batch_design 计划(每次调用不超过 25 个操作)。
主要能力:按固定契约输出四个区块:OUTPUT: TUI_RENDER(纯等宽文本)、OUTPUT: COMPONENT_SPEC(组件规格 JSON,含 bbox、layout、style、typography、overflow、state、hotkeys)、OUTPUT: PENCIL_SPEC(画布、网格、nodes、components)和 OUTPUT: PENCIL_BATCH_DESIGN(以 CALL 分组的构建指令,含 G()、I()、U() 等调用)。输入推荐模型包含 widthCols、grid(cellWidthPx/cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout、hotkeys。
使用方式:按推荐输入模型提供参数后调用,需保证输出符合强制契约;渲染遵循组件级规则:不使用 TAB 字符、不超过 widthCols、提供表头行与主体区、交互时给出最简热键提示,disabled=true 时抑制交互提示,loading=true 时显示稳定占位,error!=null 时在单行页脚输出并按宽度截断。资料未提供具体安装命令或调用命令。
适用场景:需要将 Badge 组件转成等宽 ASCII 预览、生成设计规格或批量构建 Pencil 画面计划的流程。限制:技能不内嵌外部文档链接,需自行使用团队组件文档或设计系统作为参考;资料未提供收费、价格、平台与效果信息。