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 対応