用途:为 Avatar(头像)组件生成 ASCII 文本界面(TUI)表示,并同时输出结构化规格,便于后续在设计工具或流程中使用。
主要能力:输出固定的四个区块——TUI_RENDER(纯等宽文本渲染)、COMPONENT_SPEC(组件布局、样式、排版、状态等属性)、PENCIL_SPEC(画布与网格信息)、PENCIL_BATCH_DESIGN(批量设计调用计划,单次调用操作数不超过 25)。始终输出 top/left/width/height、间距、颜色、排版、zIndex 等布局属性。
输入模型(推荐):包含 widthCols、grid(cellWidthPx、cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style(fillColor、textColor、strokeColor、strokeThickness、cornerRadius)、typography、layout(paddingPx、gapPx)、hotkeys 等字段。
渲染规则:不使用 TAB 字符;不超过 widthCols;提供表头行、主体区域与最小快捷键提示;disabled=true 时不显示交互提示;loading=true 显示稳定占位符;error 非空时在单行页脚输出并按宽度截断。
输出契约:按 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 顺序输出;PENCIL_BATCH_DESIGN 中以 CALL 分步给出创建根节点、屏幕框架与组件背景/文本等操作。
适用场景:需要以文本形式表达头像组件布局与样式、或需要生成 Pencil 就绪规格与批量设计计划的开发与设计工作流。
限制:该技能不内置外部文档链接,如需权威参考请使用团队组件文档或设计系统来源;未提供收费、价格、平台支持等更多信息。