用途:为 Common(u-common)组件生成像素精确的 ASCII 文本界面(TUI)表示,并输出可供后续设计工具使用的结构化规格。
主要能力:始终输出布局属性(top/left/width/height、间距、颜色、字体、zIndex);输出 Pencil MCP 就绪的规格以及 batch_design 计划,每次调用不超过 25 个操作。
输出契约:必须依次输出四个块——TUI_RENDER(仅等宽文本)、COMPONENT_SPEC(组件 JSON 规格)、PENCIL_SPEC(画布与节点规格)、PENCIL_BATCH_DESIGN(分批设计调用)。
输入模型:推荐输入包含 widthCols、grid(cellWidthPx/cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout、hotkeys 等字段。
渲染规则:不使用 TAB 字符;不超过 widthCols;提供表头行、主体区域,交互时给出最小热键提示;disabled=true 时抑制交互提示;loading=true 时显示稳定占位符;error 非空时在单行页脚打印并按宽度截断。
适用场景:需要将 Common 组件以 ASCII TUI 形式呈现,并同步产出组件规格与 Pencil 批量设计计划的流程。
限制:该技能不内嵌外部文档 URL,需通过仓库索引 full-stack-skills/tui-sources/components.json(按 skill=tui-common 或 slug=common 查找)获取来源文档;其余平台、收费、价格等信息暂未提供。