Toast 通知中心
React用户体验通知更新于 2026-08-01
使用场景: 需要非阻塞反馈的任何应用——保存确认、错误提示、撤销操作。
安装
npx skills add toast-notification-center克隆
git clone https://github.com/skillhub-community/toast-notification-center.git描述
提供 `useToast()` Hook 和 `<ToastContainer />` 组件,具备队列渲染、自动消失计时器、滑动关闭和四种变体:信息、成功、警告、错误。
完全无障碍——Toast 使用 `role="status"`(礼貌)或 `role="alert"`(错误),批量关闭时容器管理焦点顺序。
AI Hub
跑 Skill 需要模型接口?
AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。
打开 AI Hub元数据
作者@ux_raj
许可证MIT
版本1.3.1
依赖0