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

詳細

ライブサポートチャットウィジェット

ユーザー向けのフローティングウィジェットと、サポートスタッフ向けの管理ダッシュボードを備えたリアルタイムサポートチャットシステムを構築します。

詳細ガイド

同梱のガイドは設計案として使用し、本番環境向けの実装として扱わないでください。サポートメッセージを公開する前に、認証、チャット/テナントごとの認可、プライベートチャネル、履歴の上限設定、配信確認を実装し、テストする必要があります。

このスキルを実行する前に、詳細ガイドをお読みください。手順と参考資料の全体が記載されています。安全対策、前提条件、検証要件は必ず遵守してください。特定の作業に取り組む場合は該当するセクションを、最初から最後まで作業する場合はガイド全体をお読みください。

このスキルを使用する場面

以下をユーザーが希望している場合に使用します。

  • アプリにライブチャットウィジェットを追加する
  • カスタマーサポートのチャット機能を構築する
  • ユーザーと管理者間のリアルタイムメッセージングを作成する
  • アプリ内サポートチャネルを追加する

制限事項

  • 上記の説明にある対象範囲に明確に該当するタスクでのみ、このスキルを使用してください。
  • 出力を、環境固有の検証、テスト、または専門家によるレビューの代わりとして扱わないでください。
  • 必要な入力、権限、安全上の境界、または成功基準が不足している場合は、作業を中断して確認を求めてください。

コメント