用途：把 Vuex Detail 组件（u-vuex-detail）渲染成像素级对齐的 ASCII 文本界面（TUI），同时产出可直接用于 Pencil MCP 的规格与批量设计计划，便于在页面聚合中复用。
主要能力：按强制输出块依次给出 TUI_RENDER（等宽文本）、COMPONENT_SPEC（组件 id、名称、类型、bbox、zIndex、布局、样式、排版、溢出、状态、热键）、PENCIL_SPEC（画布、网格、节点、组件）与 PENCIL_BATCH_DESIGN（batch_design 计划，每次调用不超过 25 个操作）。规格中始终输出 top/left/width/height、间距、颜色、排版与 zIndex 等布局属性。
使用方式：输入模型建议包含 widthCols、grid（cellWidthPx、cellHeightPx）、props、modelValue、state（focused、disabled、loading、error）、style、typography、layout 与 hotkeys。来源文档不内嵌外部 URL，需通过仓库索引 full-stack-skills/tui-sources/components.json 按 skill=tui-vuex-detail 或 slug=vuex-detail 查找。
渲染规则：不使用 TAB 字符；不超过 widthCols；提供表头行、主体区域，交互时给出最简热键；disabled=true 时抑制交互提示；loading=true 时显示稳定占位；error 非空时在单行页脚输出并截断到宽度。
适用场景：为 Vuex Detail 生成文本线框与组件规格，并准备 Pencil 批量设计操作。
限制：未提供真实的组件属性、收费方式、平台与效果等资料；示例中的默认值与状态仅为演示。具体 props 与行为需依据上述索引中的来源文档确认。