tui-nvue

用途：为 NVue 组件生成像素精确的 ASCII 文本界面（TUI）表示，并附带可直接用于 Pencil MCP 的规格与批量设计计划。适用于在终端/文本环境中预览组件布局，或把界面模型批量落到 Pencil 画布。主要能力：解析输入模型 JSON（widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys）；依据网格（cellWidthPx=8、cellHeightPx=16）把列/行位置换算为像素坐标；渲染等宽字符的 TUI_RENDER；生成含 bbox、style、typography、state、hotkeys 的 COMPONENT_SPEC；生成含 canvas、grid、nodes、components 的 PENCIL_SPEC；输出 PENCIL_BATCH_DESIGN 批处理调用（每次最多 25 个操作）。使用方式：按强制输出契约依次给出四个 OUTPUT 块，渲染遵循共享规则：不使用 TAB、不超过 widthCols、提供表头行与主体区域、交互时给出最小热键提示。校验要求：COMPONENT_SPEC 的 bbox 尺寸需与 TUI_RENDER 网格一致，批量操作需保持 25 个操作以内。状态规则：disabled=true 时抑制交互提示；loading=true 显示稳定占位；error 非空时在单行页脚打印并按宽度截断。来源说明：该技能不内嵌外部文档 URL，可查仓库索引 full-stack-skills/tui-sources/components.json（按 skill=tui-nvue 或 slug=nvue 查找）。限制：资料未提供安装命令、收费方式、支持的平台版本及性能数据，暂未提供。