由社区维护、审核后发布，并在 Agent 页面创作前被 RAG 检索为设计约束。
响应式导航折叠把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
导航折叠不是隐藏所有入口，而是按任务频率和当前位置重新排序。85%Design Systems Page Patternsresponsive / stability固定格式 UI 元素需要稳定尺寸和响应式约束，避免内容变化引起跳动或重叠。
看板、棋盘、工具栏、计数器和按钮组都应预先定义尺寸规则。82%Interaction Responsive Motiontables / responsive表格用于比较，响应式处理必须保留列关系、排序和关键操作。
把表格随意改成卡片会损失比较能力，需要按数据任务选择模式。82%Interaction Responsive Motionbreakpoints / responsive响应式设计应在断点重组布局关系，而不是用 viewport 比例缩放所有元素。
缩放字号和容器会带来不可控溢出，重组结构更稳定。82%Interaction Responsive Motionmobile / responsive移动端不是桌面的缩小版，应按任务优先级重新堆叠内容和操作。
小屏空间有限，最重要的信息、控件和反馈需要靠前且不重叠。82%Visual Foundationsgrid / layout网格不是装饰线，而是决定内容跨度、对齐、响应式重排和密度的规则系统。
稳定网格能减少临时摆放，让复杂页面在桌面和移动端都保持结构感。82%