Knowledge RAG
提交新原则设计知识库
由社区维护、审核后发布,并在 Agent 页面创作前被 RAG 检索为设计约束。
3 条已发布原则 / 全库 192 条
Frontend Implementationcopy-in / motion
Copy-in 动效组件本地化与可访问性
复制外部动效组件、Lottie/Rive 播放器、Motion/GSAP 示例或 registry block 后,要把文字、状态、方向、时长、reduced-motion、pause/stop/hide、键盘路径和授权来源改成本地契约。
动效组件复制进仓库后不再是演示片段,而是本地交互资产。它必须同时满足品牌语气、语言方向、可访问降级、性能预算和来源授权。95%Frontend Implementationscroll / motion滚动联动动效实现边界
滚动动效要区分 CSS scroll timeline、GSAP ScrollTrigger、Lenis smooth scroll 和普通原生滚动;不要为了沉浸感破坏阅读、锚点、键盘和移动端手感。
滚动是用户控制阅读节奏的输入,不是动画导演的时间轴。实现应优先保留原生滚动语义,再为确有价值的局部段落绑定轻量动效。95%Frontend Implementationview-transition / navigationView Transition 路由连续性
View Transition API 能让路由、筛选和详情切换更连续,但必须保留 URL、焦点、滚动、reduced-motion 和渐进增强边界。
页面转场的目标不是炫技,而是让用户理解同一对象在列表、详情、筛选和状态变化之间的连续关系。94%