Agent Skills
返回列表
猫叫提示音

猫叫提示音

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_f1b049da/jsp20261891 到 AI 助手。

技能介绍

要解决什么问题

在保存、抽签、打卡这类轻交互场景里,反馈设计常常陷入两难:静默完成会让用户不确定操作是否生效;而礼花、音效或震动又过于喧闹,反而让人想关掉声音。我们需要一个介于“静默”与“过度反馈”之间的中间地带。

技能如何工作

猫叫提示 用 Web Audio 合成一声短促的“喵”,也可以回退到 howler + 真实猫叫 wav/mp3。它按以下规则工作:

  • 提供全局静音开关;尊重“减少动态效果/声音”类系统偏好(在页面可得时)。
  • 音频短促、单次;禁止循环或长鸣。
  • 遇到浏览器自动播放策略拦截时,提示用户先有一次点击手势,或降级为可见文案「喵~」。

适用边界与注意点

  • 不要用在失败业务点:错误或取消场景不应播喜庆猫叫,否则会误导用户。
  • 不要用在无障碍场景:若页面可达,应优先响应系统的减少动态效果或声音偏好。
  • 不要替代系统通知:需要用户强确认或后续行动的场景,仍应使用标准 UI 反馈。
  • 注意音频素材版权:优先使用 Web Audio 合成,或使用自制、已授权的猫叫素材。

使用场景

  • 运营在表单提交成功后,需要轻量反馈告知用户操作完成。
  • 前端在抽签功能完成后,需要安静的提示音确认抽签结果。
  • 产品团队在用户打卡成功后,需要温和的反馈提升交互体验。
  • 交互设计师在用户保存设置后,需要介于静默和音效之间的反馈。

适合人员

  • 前端开发:需要实现表单提交、抽签等轻交互的反馈功能。
  • 产品运营:负责打卡、保存等功能,需要温和的提示方式。
  • 交互设计师:设计轻交互场景,寻求比静默更有存在感的反馈。
  • 独立开发者:开发个人工具时,需要无需依赖外部音频的轻提示。