SuperAPI AI 工具集

tui-form

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:将表单(Form)渲染为 ASCII 文本界面(TUI),同时产出可直接用于 Pencil MCP 的组件规格与批量设计计划。

主要能力:始终输出布局属性(top/left/width/height、间距、颜色、字体、zIndex);输出 Pencil MCP 就绪的规格以及 batch_design 计划(每次调用不超过 25 个操作)。表单以 props 中的有序字段列表表示,字段含 id、label、value、required、placeholder、error、type(text/number/password),并支持 submitLabel 与 readonly。

使用方式:先解析输入模型 JSON(widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys);按网格换算像素坐标(cellWidthPx=8、cellHeightPx=16);依次构建 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN;最后校验 bbox 与 TUI 网格一致、批量操作不超过 25 条。渲染规则:不使用 TAB,不超出 widthCols,提供表头、主体区与必要热键;disabled=true 抑制交互提示,loading=true 显示稳定占位,error 非空时在单行页脚输出并按宽度截断。字段每行一个,格式为 Label: [ value ],必填字段标签后加 *,字段错误在下一行以 Error: ... 显示。交互:<up>/<down> 切换字段,<enter> 编辑/提交,<esc> 返回。

适用场景:需要以纯文本方式呈现表单布局、并同步生成设计规格与批量设计调用的工作流。

限制:资料未提供安装命令、收费、价格、平台支持与效果数据;具体输入字段与输出契约以资料所述为准。