Knowledge RAG

设计知识库

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

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

长页面、库页面和工作台必须明确唯一主滚动容器；嵌套 `height: 100vh`、`overflow: hidden/auto` 和 sticky 面板前要先声明滚动归属。

滚动不是浏览器附带行为，而是布局契约。谁拥有页面滚动、谁拥有局部滚动、哪些面板 sticky、移动端如何 reflow，都要在实现前确定。

横向滚动适合有限作品集、画廊和项目序列，不适合长正文、文档和核心任务流程。

横向滚动必须是一种明确内容格式：用户看得见下一项、能用键盘和触控操作、能在窄屏重排，并且核心文字不被藏进横轴。

滚动叙事的基本单位不是动画帧，而是可读章节：每章要有明确问题、文本锚点、视觉状态、静态 fallback 和可验证的滚动行为。

滚动叙事应把复杂机制拆成用户可停留、可跳过、可回到的证据链；动效只负责连接章节和状态，不应成为唯一内容载体。

滚动动效要区分 CSS scroll timeline、GSAP ScrollTrigger、Lenis smooth scroll 和普通原生滚动；不要为了沉浸感破坏阅读、锚点、键盘和移动端手感。

滚动是用户控制阅读节奏的输入，不是动画导演的时间轴。实现应优先保留原生滚动语义，再为确有价值的局部段落绑定轻量动效。

滚动动效应帮助用户理解产品状态和叙事推进，而不是把信息藏在不可控的表演里。

叙事型页面的滚动动效必须服务因果、层级和节奏：每个运动段落都要解释一个状态变化或价值证据。

无限滚动与分页选择把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。