SuperAPI AI 工具集

tui-read-more

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:根据输入模型生成 Read More 组件的 ASCII 文本界面(TUI)表示,同时产出配套设计规格,便于在设计工具中还原该组件。输入模型建议包含 widthCols、grid(cellWidthPx=8、cellHeightPx=16)、props、modelValue、state、style、typography、layout、hotkeys。

工作流程:解析输入 JSON;用网格把列/行位置换算为像素坐标;渲染 TUI_RENDER 等宽 ASCII 图,遵守 widthCols;生成 COMPONENT_SPEC(含 bbox、style、typography、state、hotkeys);生成 PENCIL_SPEC(画布与组件列表);生成 PENCIL_BATCH_DESIGN(每次调用最多 25 个操作);最后校验 COMPONENT_SPEC 的 bbox 与 TUI_RENDER 网格一致,并确认批量操作不超限。

输出契约固定包含四个区块:TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN,必须始终输出布局属性(top/left/width/height、spacing、colors、typography、zIndex)。

渲染规则:不使用 TAB 字符;不超过 widthCols;提供标题行、主体区域,交互时提供最简快捷键提示;disabled=true 时不显示交互提示;loading=true 时显示稳定占位符;error 不为空时在单行页脚打印并截断到宽度。

适用场景:需要在终端环境中呈现 Read More 组件外观,或把该组件规格迁移到 Pencil 设计画布时使用。限制:资料未提供收费、价格、支持平台与具体安装方式。