SuperAPI AI 工具集

tui-nvue

前端与建站

查看项目

更新于 10-15 21:48

技能介绍

用途:为 Nvue(u-nvue)生成 ASCII 文本界面(TUI)表示,并同步产出可直接用于 Pencil 的规格与批量设计计划。

主要能力:始终输出布局属性(top/left/width/height、间距、颜色、排版、zIndex);输出 Pencil MCP 就绪的规格;输出 batch_design 计划,每次调用不超过 25 个操作。输出契约固定包含四个块:TUI_RENDER(仅等宽文本)、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN。

使用方式:按推荐输入模型提供 widthCols、grid(cellWidthPx/cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout、hotkeys。文档来源不内嵌外部链接,需通过仓库索引 full-stack-skills/tui-sources/components.json 按 skill=tui-nvue 或 slug=nvue 查找。

渲染规则:不使用 TAB 字符;不超过 widthCols;提供表头行、主体区域,交互时给出最小热键提示;disabled=true 时抑制交互提示;loading=true 时显示稳定占位;error 非空时在单行页脚输出并截断到宽度。

适用场景:需要把 Nvue 组件以 ASCII 形式呈现,并同时生成 Pencil 设计规格与批量绘制指令的流程。

限制:资料未提供收费、价格、平台支持范围与效果保证等信息;示例中的尺寸、颜色、字体等均为示例值,实际以输入为准。