用途:为前端界面提供可落地的交互模式规则,避免常见 UX 失败,并把无障碍要求内置到实现中。
主要能力:共 10 条规则,分 6 类。包括骨架屏加载(异步数据的内容形状占位)、无限滚动(IntersectionObserver、屏幕阅读器播报与“加载更多”回退)、渐进式披露(提示、手风琴、向导、上下文面板)、模态/抽屉/内联选择、拖拽排序(基于 @dnd-kit/core,必须提供键盘替代)、标签溢出(可滚动标签栏与溢出菜单)、Toast 通知(定位、自动消失、ARIA 角色与堆叠)、认知负荷阈值(Miller 定律每组最多 7 项、Hick 定律最多 1 个主 CTA、Doherty 阈值 400ms 反馈)、表单 UX(44px 移动端触控目标、顶部对齐标签、失焦校验、智能默认值)、说服伦理(识别 13 类暗黑模式、Hook 模型伦理测试、EU DSA 第 25 条合规)。
使用方式:按规则文件加载,如 rules/interaction-skeleton-loading.md、rules/interaction-infinite-scroll.md 等;文档提供加载状态决策表(列表/卡片用骨架屏、表单提交用 spinner、文件上传用进度条、图片用模糊占位、路由切换用骨架屏、后台同步用弱提示)以及快速开始代码示例。
适用场景:需要统一交互规范、提升无障碍与键盘可用性的前端项目。
限制:资料未提供安装命令、收费信息、平台支持范围与具体版本要求;部分实现依赖 React、Tailwind 与 @dnd-kit/core,需自行确认环境兼容性。