用途:为 Tag(u-tag 标签)组件生成 ASCII 文本界面(TUI)表示,并产出可直接交给 Pencil MCP 的规格与批处理设计计划。输出必须包含四个块:TUI_RENDER(等宽文本)、COMPONENT_SPEC(含 top/left/width/height、间距、颜色、字体排版、zIndex 等布局属性)、PENCIL_SPEC、PENCIL_BATCH_DESIGN(每批不超过 25 个操作)。
输入模型(推荐):包含 widthCols(示例 70)、grid(cellWidthPx 8、cellHeightPx 16)、props、modelValue、state(focused/disabled/loading/error)、style(填充色、文字色、描边色、描边粗细、圆角)、typography(字体、字号、字重、行高)、layout(paddingPx、gapPx)、hotkeys。该技能不内嵌外部文档链接,规范参考需使用团队自身的组件文档或设计系统。
渲染规则:不使用 TAB 字符;不超过 widthCols;提供表头行、主体区域,以及交互时的最小热键提示;disabled=true 时隐藏交互提示;loading=true 时显示稳定占位符;error!=null 时在单行页脚输出并截断到宽度。文本溢出统一为 truncate,省略号 …,maxLines 1。示例覆盖默认态、自定义样式态、禁用/错误态。
限制:资料未提供具体收费、价格、支持平台与效果数据;未说明除 Tag 以外的组件范围;Pencil MCP 的安装与配置方式暂未提供。