mcpField
C
chat-widget

chat-widget

github.com/sickn33开发48.7k50 次安装今天更新
代码仓库

关于 chat-widget

用于构建应用内实时客服聊天的技能,涵盖用户侧悬浮聊天组件和客服管理面板。指南仅作为设计草图,并强调上线前实现并测试身份验证、授权和消息交付保障。

主要功能

  1. 01设计用户侧悬浮聊天组件
  2. 02规划客服人员管理面板
  3. 03支持用户与管理员实时消息
  4. 04强调身份验证与聊天授权
  5. 05要求测试消息交付与历史记录

适用场景

  1. 01为应用添加实时聊天入口
  2. 02构建客户支持聊天功能
  3. 03实现用户与管理员的实时沟通
  4. 04规划应用内客服渠道

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill chat-widget

安装后在 Claude Code 中输入/chat-widget确认已加载。

附带文件references/detailed-guide.md

详细介绍

实时客服聊天组件

构建实时客服聊天系统,为用户提供悬浮组件,并为客服人员提供管理仪表板。

详细指南

请将随附指南用作设计草图,而非生产实现。在对外展示客服消息之前,必须先实现并测试身份验证、单个聊天/租户授权、私有频道、有限历史记录和已确认送达机制。

执行此技能前,请先阅读详细指南。该指南保留了完整流程和参考资料。请务必遵循其中的安全要求、前置条件和验证要求。针对特定任务,请加载相关章节;若要端到端完成任务,请通读整份指南。

何时使用此技能

用户希望实现以下需求时使用:

  • 为应用添加实时聊天组件
  • 构建客户支持聊天功能
  • 创建用户与管理员之间的实时消息功能
  • 添加应用内支持渠道

限制

  • 仅当任务明确符合上述范围时,才使用此技能。
  • 不要将输出视为环境专属验证、测试或专家审查的替代品。
  • 如果缺少必要输入、权限、安全边界或成功标准,请停止并请求澄清。

评论

支持 Markdown