用途:tui-form 属于 t2ui-skills 技能集,用于为名为 Form(u-form)的表单组件生成像素精确的 ASCII 文本界面(TUI)表示,并输出可供 Pencil MCP 使用的组件规格与批量设计计划。
主要能力:技能要求始终输出布局属性(top/left/width/height、间距、颜色、字体排版、zIndex),并强制输出四个输出块:TUI_RENDER(纯等宽文本)、COMPONENT_SPEC(组件规格 JSON)、PENCIL_SPEC(画布、网格、节点与组件)、PENCIL_BATCH_DESIGN(批量设计调用,每次调用不超过 25 个操作)。表单通过 props 中的有序字段列表表示,字段含 id、label、value、required、placeholder、error、type(text/number/password);另支持 submitLabel、readonly。渲染时每字段一行,格式为“Label: [ value ]”,必填字段标签后加 *,字段错误在下一行以“Error: ...”呈现并按宽度截断。
使用方式:输入模型可提供 widthCols、grid(cellWidthPx/cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style(fillColor/textColor/strokeColor/strokeThickness/cornerRadius)、typography、layout、hotkeys。交互约定:<up>/<down> 切换活动字段,<enter> 编辑/提交,<esc> 返回;disabled=true 时抑制交互提示;loading=true 时显示稳定占位;error!=null 时在单行页脚按宽度截断打印。渲染遵循 tui-front-ui 的共享规则:不使用 TAB 字符,不超过 widthCols,提供表头行、主体区域和必要的热键提示。
适用场景:需要把表单 UI 转成 ASCII 预览,或为 Pencil MCP 设计流水线批量生成表单组件规格时使用。
限制:资料未提供该技能的安装命令、收费方式、版本信息或平台支持范围;其规范要求不嵌入外部文档链接,如需权威参考应使用团队自身的组件文档或设计系统来源。