Knowledge RAG

设计知识库

由社区维护、审核后发布，并在 Agent 页面创作前被 RAG 检索为设计约束。

8 条已发布原则 / 全库 192 条

复杂数据表在移动端不能只缩小字号或强塞横向滚动；必须定义主键、列优先级、替代表达、表头关联和批量/行内操作边界。

数据表是一种比较结构。响应式处理要保护比较关系和可访问语义，而不是只保护桌面视觉外观。

组件响应式不应只跟随 viewport；卡片、侧栏、图表和资源卡应根据自身容器宽度调整密度、层级和操作显隐。

Container queries 把响应式判断从页面级断点推进到组件级上下文，让同一组件能安全放进 grid、sidebar、drawer、modal 和 dashboard 插槽。

响应式导航折叠把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

固定格式 UI 元素需要稳定尺寸和响应式约束，避免内容变化引起跳动或重叠。

表格用于比较，响应式处理必须保留列关系、排序和关键操作。

响应式设计应在断点重组布局关系，而不是用 viewport 比例缩放所有元素。

移动端不是桌面的缩小版，应按任务优先级重新堆叠内容和操作。

网格不是装饰线，而是决定内容跨度、对齐、响应式重排和密度的规则系统。