由社区维护、审核后发布，并在 Agent 页面创作前被 RAG 检索为设计约束。
弹窗焦点管理把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
弹窗改变了交互上下文，必须管理焦点、背景可达性和关闭路径。87%Interaction Responsive Motiongesture / mobile触控手势替代路径把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
滑动、捏合和长按不能成为完成任务的唯一方式。86%Interaction Responsive Motionloading / skeleton骨架屏层级把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
骨架屏应预告真实内容结构，而不是制造额外视觉噪音。86%Interaction Responsive Motiontables / bulk-actions表格批量操作模型把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
批量操作需要清楚表达选中数量、作用范围、风险和完成反馈。86%Interaction Responsive Motiondrag-drop / accessibility拖拽替代控件把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
拖拽适合直接操作，但排序、移动和上传必须有非拖拽路径。86%Interaction Responsive Motiondanger / confirmation破坏性操作确认把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
确认只应保护不可逆或高影响动作，且必须说明对象和后果。86%Interaction Responsive Motionkeyboard / navigation键盘优先导航把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
可键盘完成的界面通常也更清晰，因为焦点顺序暴露了真实任务结构。86%Interaction Responsive Motionmobile / actions移动端底部行动栏把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
移动端关键行动应靠近拇指区域，但不能遮挡内容、错误或系统导航。85%Interaction Responsive Motionfeedback / toastToast 与行内反馈选择把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
反馈位置应匹配反馈对象；toast 适合全局短状态，行内反馈适合字段和局部修复。85%Interaction Responsive Motionwizard / progress向导步骤进度把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
向导需要让用户知道当前位置、剩余工作、可返回性和保存状态。85%Interaction Responsive Motionfilters / state筛选与查询状态保留把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
筛选结果是用户构建的工作上下文，刷新、返回和分享时应尽量保留。85%Interaction Responsive Motionresponsive / navigation响应式导航折叠把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
导航折叠不是隐藏所有入口，而是按任务频率和当前位置重新排序。85%Interaction Responsive Motionundo / editing撤销与可逆性把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
可逆操作让用户敢于探索，减少确认弹窗和中断。85%Interaction Responsive Motionlatency / microinteraction低延迟微交互把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
微交互的目标是确认输入和状态变化，而不是让界面显得忙碌。84%Interaction Responsive Motionpagination / scroll无限滚动与分页选择把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
浏览型列表可连续滚动，任务型列表通常需要定位、选择、返回和总量感。84%Interaction Responsive Motionrealtime / collaboration实时协作存在感把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
协作界面需要让用户知道谁在场、谁在编辑、冲突如何处理。84%Interaction Responsive Motionfeedback / latency乐观更新反馈把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
乐观更新要让界面快起来，同时让失败和回滚不会让用户困惑。84%Interaction Responsive Motioncommand / shortcuts命令面板安全性把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
命令面板适合快速行动，但必须让作用对象、风险和结果足够明确。84%Interaction Responsive Motioninputs / controls控件类型应匹配决策方式：开关用于二元，分段用于模式，菜单用于多选项，滑杆用于连续数值。
错误控件会增加理解成本，并让用户不确定选择是否可逆。82%Interaction Responsive Motiontables / responsive表格用于比较，响应式处理必须保留列关系、排序和关键操作。
把表格随意改成卡片会损失比较能力，需要按数据任务选择模式。82%Interaction Responsive Motionloading / performance加载状态应保留布局骨架，让用户知道将出现什么，而不是只显示孤立 spinner。
稳定骨架能降低等待焦虑并避免内容出现时的布局跳动。82%Interaction Responsive Motionmotion / animation动效应解释状态变化、空间关系或反馈，而不是单纯制造热闹。
过度动效会打断任务，尤其在高密度工具中。82%Interaction Responsive Motionbreakpoints / responsive响应式设计应在断点重组布局关系，而不是用 viewport 比例缩放所有元素。
缩放字号和容器会带来不可控溢出，重组结构更稳定。82%Interaction Responsive Motionmobile / responsive移动端不是桌面的缩小版，应按任务优先级重新堆叠内容和操作。
小屏空间有限，最重要的信息、控件和反馈需要靠前且不重叠。82%Interaction Responsive Motionprogressive-disclosure / complexity低频、危险或高级设置应延后展示，高频任务保持直接可达。
渐进披露不是隐藏功能，而是按决策时机安排复杂度。82%Interaction Responsive Motionfeedback / states加载、保存、生成、审核、失败都需要可见状态，让用户知道系统仍在响应。
缺少反馈会让用户重复点击或以为数据丢失。82%Interaction Responsive Motioncards / panels卡片应表示对象，面板应表示工具或上下文；两者需要不同密度和交互提示。
可点击对象必须可识别，纯信息容器不应伪装成按钮。82%Interaction Responsive Motionbuttons / actions主操作、次操作、危险操作和导航链接要有清晰差异，避免用户误点。
按钮样式体现决策成本和风险，而不只是视觉偏好。82%Interaction Responsive Motionforms / workflow表单应按用户心智顺序组织字段，并在关键节点给出可恢复反馈。
好的表单把复杂任务拆成可完成步骤，而不是把所有字段平铺给用户。82%Interaction Responsive Motionnavigation / wayfinding用户需要知道自己在哪里、能去哪、当前筛选或页面属于哪个范围。
导航不是链接堆砌，而是产品结构和当前位置的持续提示。82%