用途：将 Vuex Detail 组件渲染为 ASCII 文本界面（TUI），并同时产出可直接用于 Pencil MCP 的规格与批量设计计划。
主要能力：解析输入模型 JSON（widthCols、grid、props、state、style、typography、layout、hotkeys）；按网格换算像素坐标（cellWidthPx=8、cellHeightPx=16）；生成 TUI_RENDER 等宽 ASCII 图；输出 COMPONENT_SPEC（bbox、style、typography、state、hotkeys）；输出 PENCIL_SPEC（画布与组件列表）；输出 PENCIL_BATCH_DESIGN（每次调用不超过 25 个操作）；并校验 bbox 与 TUI 网格一致、批量操作不超限。
使用方式：按推荐输入模型提供 JSON，技能依次输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个块。渲染规则要求不使用 TAB、不超过 widthCols、包含表头与主体区域；disabled=true 时隐藏交互提示，loading=true 时显示稳定占位，error 非空时在单行页脚输出并按宽度截断。
适用场景：需要在终端预览 Vuex Detail 组件布局，或把该组件规格同步到 Pencil 设计流程时使用。
限制：技能不内嵌外部文档 URL，需通过仓库索引 full-stack-skills/tui-sources/components.json 按 skill=tui-vuex-detail 或 slug=vuex-detail 查找；批量设计单次调用最多 25 个操作；其余平台、收费与效果信息暂未提供。