关于 chat-widget
用于构建应用内实时客服聊天的技能,涵盖用户侧悬浮聊天组件和客服管理面板。指南仅作为设计草图,并强调上线前实现并测试身份验证、授权和消息交付保障。
主要功能
- 01设计用户侧悬浮聊天组件
- 02规划客服人员管理面板
- 03支持用户与管理员实时消息
- 04强调身份验证与聊天授权
- 05要求测试消息交付与历史记录
适用场景
- 01为应用添加实时聊天入口
- 02构建客户支持聊天功能
- 03实现用户与管理员的实时沟通
- 04规划应用内客服渠道
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ sickn33/ agentic-awesome-skills --skill chat-widget安装后在 Claude Code 中输入/chat-widget确认已加载。
附带文件references/detailed-guide.md
详细介绍
实时客服聊天组件
构建实时客服聊天系统,为用户提供悬浮组件,并为客服人员提供管理仪表板。
详细指南
请将随附指南用作设计草图,而非生产实现。在对外展示客服消息之前,必须先实现并测试身份验证、单个聊天/租户授权、私有频道、有限历史记录和已确认送达机制。
执行此技能前,请先阅读详细指南。该指南保留了完整流程和参考资料。请务必遵循其中的安全要求、前置条件和验证要求。针对特定任务,请加载相关章节;若要端到端完成任务,请通读整份指南。
何时使用此技能
用户希望实现以下需求时使用:
- 为应用添加实时聊天组件
- 构建客户支持聊天功能
- 创建用户与管理员之间的实时消息功能
- 添加应用内支持渠道
限制
- 仅当任务明确符合上述范围时,才使用此技能。
- 不要将输出视为环境专属验证、测试或专家审查的替代品。
- 如果缺少必要输入、权限、安全边界或成功标准,请停止并请求澄清。
评论
支持 Markdown