猫叫提示音
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_f1b049da/jsp20261891 到 AI 助手。
技能介绍
要解决什么问题
在保存、抽签、打卡这类轻交互场景里,反馈设计常常陷入两难:静默完成会让用户不确定操作是否生效;而礼花、音效或震动又过于喧闹,反而让人想关掉声音。我们需要一个介于“静默”与“过度反馈”之间的中间地带。
技能如何工作
猫叫提示 用 Web Audio 合成一声短促的“喵”,也可以回退到 howler + 真实猫叫 wav/mp3。它按以下规则工作:
- 提供全局静音开关;尊重“减少动态效果/声音”类系统偏好(在页面可得时)。
- 音频短促、单次;禁止循环或长鸣。
- 遇到浏览器自动播放策略拦截时,提示用户先有一次点击手势,或降级为可见文案「喵~」。
适用边界与注意点
- 不要用在失败业务点:错误或取消场景不应播喜庆猫叫,否则会误导用户。
- 不要用在无障碍场景:若页面可达,应优先响应系统的减少动态效果或声音偏好。
- 不要替代系统通知:需要用户强确认或后续行动的场景,仍应使用标准 UI 反馈。
- 注意音频素材版权:优先使用 Web Audio 合成,或使用自制、已授权的猫叫素材。
使用场景
- 运营在表单提交成功后,需要轻量反馈告知用户操作完成。
- 前端在抽签功能完成后,需要安静的提示音确认抽签结果。
- 产品团队在用户打卡成功后,需要温和的反馈提升交互体验。
- 交互设计师在用户保存设置后,需要介于静默和音效之间的反馈。
适合人员
- 前端开发:需要实现表单提交、抽签等轻交互的反馈功能。
- 产品运营:负责打卡、保存等功能,需要温和的提示方式。
- 交互设计师:设计轻交互场景,寻求比静默更有存在感的反馈。
- 独立开发者:开发个人工具时,需要无需依赖外部音频的轻提示。