用途:为 Chat Group(组件标识 u-chat-group)生成像素级精确的 ASCII TUI 表示,并同步产出布局参数、Pencil 规格与批量设计计划。
主要能力:输出必须包含四个固定块——TUI_RENDER(纯等宽文本)、COMPONENT_SPEC(组件 JSON 规格)、PENCIL_SPEC(画布与节点/组件)、PENCIL_BATCH_DESIGN(可执行的批量设计调用,每次不超过 25 个操作)。规格中始终给出 top/left/width/height、间距、颜色、字体与 zIndex 等布局属性,并输出来自输入模型的 props、modelValue、state、style、typography、layout、hotkeys。
输入模型:建议传入 widthCols(示例 70)、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 时在单行页脚打印错误并按宽度截断。组件规范中 overflow 采用 truncate 模式、省略号“…”与 maxLines。
文档来源:该技能不内嵌外部文档 URL,需查阅仓库索引 full-stack-skills/tui-sources/components.json,按 skill=tui-chat-group 或 slug=chat-group 查找。
适用场景:需要以纯文本方式呈现或校验聊天群组组件布局,并将其转译为 Pencil 设计规格与批量绘制指令的流程;示例覆盖默认、自定义样式、禁用/错误三种状态。
限制:免费或收费、具体价格、可用平台、实际渲染效果等资料暂未提供;批处理每次调用不超过 25 个操作;输出须严格按四个块组织。