用途:armature 用于把整页滚动的 Web 应用改造成应用外壳——窗口本身不滚动,导航与工具栏固定可见,各面板自行管理溢出。它面向工具、仪表盘和工作流类产品,不负责视觉美化(视觉方向交给 chiaroscuro)。若任务本身是线性的(注册表单、文章、单屏设置),仍应保留单一文档流。
主要能力:定位窗口滚动原因(根布局把每个路由包进一个滚动容器、路由使用 min-h-screen 或固定像素高度、居中的 max-w-* mx-auto 文档列、flex/grid 子项缺少 min-h-0 或 min-w-0、媒体盒使用忽略视口的固定高度或宽高比);先写出外壳契约(body 为固定 h-dvh 框架,主区域 min-h-0 且裁剪溢出,桌面宽度下窗口不滚动;每个路由填满框架并声明自己的滚动区域;标题、计数与主操作放在 chrome 或工具栏中不滚走;使用一个共享布局原语;断点以下折叠为单列滚动、工具栏 sticky,触控目标至少 44×44 CSS 像素);为每个路由决定固定、滚动与停靠内容;收尾时统一间距令牌、分隔线、滚动后阴影、加载/空/错误状态、焦点与可访问名称、返回时保留滚动位置。
使用方式:开始时声明正在使用 armature 技能;先阅读根布局与各路由,记录已拥有面板的路由作为标准;编辑前写出针对产品的编号外壳契约;逐路由改造;在真实浏览器中于 1440×900、1280×720 验证 document.scrollingElement.scrollHeight 等于 clientHeight、滚动主面板到底后 chrome 与固定面板仍完整可见、键盘 Tab 顺序符合阅读顺序;在 390×844 检查折叠单列与 sticky 工具栏,并做控制台错误、可访问性扫描与前后截图。
限制:不新增视觉概念、路由、接口或功能,保留调色板、令牌、词汇与全部行为;需要新视觉方向时先做外壳再交给 chiaroscuro。资料未提供具体安装命令、收费方式与平台支持信息。