用途:将 Slider(滑块)组件渲染为 ASCII 文本界面(TUI),并同时产出可供 Pencil MCP 使用的结构化规格与批量设计计划。
主要能力:始终输出布局属性(top/left/width/height、spacing、colors、typography、zIndex);输出 PENCIL_SPEC 与 batch_design 计划,每次调用操作数不超过 25。渲染遵循 tui-front-ui 共享规则:不使用 TAB 字符、不超出 widthCols、提供表头行与主体区域、交互时给出最少热键提示;disabled=true 时抑制交互提示,loading=true 时显示稳定占位符,error!=null 时在单行页脚输出(按宽度截断)。
工作流:解析输入模型 JSON(widthCols、grid、props、state、style、typography、layout、hotkeys)→ 依据 grid(cellWidthPx=8、cellHeightPx=16)将行列位置换算为像素坐标 → 生成 TUI_RENDER 等宽 ASCII 图(box-drawing 字符,受 widthCols 约束)→ 生成 COMPONENT_SPEC(bbox、style、typography、state、hotkeys)→ 生成 PENCIL_SPEC(画布与组件列表)→ 生成 PENCIL_BATCH_DESIGN(batch_design 调用,≤25 操作)→ 校验 bbox 尺寸与 TUI_RENDER 网格一致、批量操作不超过 25 条。
使用方式:按推荐输入模型传入 JSON,技能会强制输出四个代码块。输入模型包含 widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys 等字段。
适用场景:为终端界面或 Pencil 设计稿生成滑块组件的 ASCII 预览与设计规格,支持默认、自定义样式、禁用/错误等边界状态示例。
限制:资料未提供安装命令、价格、平台支持范围等信息,暂未提供;具体操作需依赖 Pencil MCP 环境与 tui-front-ui 共享规则。