chat-widget

Embed a real-time floating chat widget with WebSocket messaging and an admin dashboard.

Updated Aug 23, 2026

Search Tags:#frontend #real-time #websocket #Rails #admin-dashboard #chat-widget #live-support

Ready to run

npx skills add https://github.com/Shpigford/skills --skill chat-widget

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: chat-widget
Source: https://github.com/Shpigford/skills/tree/main/chat-widget
Command: npx skills add https://github.com/Shpigford/skills --skill chat-widget

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables embedding a floating real-time chat widget and an admin dashboard into applications to provide seamless live support and faster issue resolution for users.

Core Features & Use Cases

Lightweight, embeddable floating chat widget for users with a comprehensive admin dashboard for support staff
WebSocket-based real-time messaging, persistent chat history, and unread indicators
Two-way communication with auto-notification workflow, including delayed email alerts for admin replies
One-chat-per-user model with archiving/restoration and auto-unarchive on user activity
Optional serverless or traditional backend integration paths to fit Rails, Node, or other stacks

Quick Start

Embed the chat widget in your UI and connect it to the backend support channels by loading initial chat state from the API and opening the widget.

Frequently Asked Questions about chat-widget

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I add a real-time chat widget to my SaaS application?▼

To add a real-time chat widget, you embed a floating front-end widget into your UI and connect it to backend support channels by loading the initial chat state from an API endpoint. This provides seamless live support and faster issue resolution.

How does WebSocket messaging work for live customer support?▼

WebSocket messaging enables two-way real-time communication by maintaining persistent chat history and unread indicators between users and support staff. It includes an auto-notification workflow with delayed email alerts for admin replies to ensure prompt issue resolution.

Can I use this real-time chat implementation with a Rails backend?▼

Yes, you can integrate this real-time chat with a Rails backend. It supports optional serverless or traditional backend integration paths, fitting Rails, Node, or other stacks through its flexible backend channel architecture and API endpoints.

What is the one-chat-per-user model for live support widgets?▼

The one-chat-per-user model maintains a single persistent chat history per user, including archiving and restoration capabilities. It automatically unarchives a conversation upon detecting new user activity, streamlining the support workflow.

Do I need an admin dashboard for WebSocket-based live chat?▼

Yes, the admin dashboard is required for support staff to manage WebSocket-based live chat effectively. It provides a comprehensive interface to monitor persistent chat history, handle unread indicators, and trigger delayed email alerts for admin replies.