Live Chat Widget

ReactChatUXCustomer SupportUpdated 2026-08-10

When to use: Adding customer support chat to SaaS products, e-commerce sites, or any business that handles customer inquiries.

Install
npx skills add chat-widget
Git Clone
git clone https://github.com/skillhub-community/chat-widget.git

Description

Implements a floating chat bubble (bottom-right corner) that expands into a full chat window. Features: real-time messaging via WebSocket or polling, typing indicators, read receipts, emoji picker, file/image attachment with preview, conversation history with infinite scroll, and an offline mode that switches to an email form when no agents are available with automatic ticket creation confirmation.

Customizable brand colors, greeting message, agent avatar/name, and business hours configuration. Stores conversation history in localStorage so users don't lose context on page refresh. Includes an unread message badge on the bubble and optional notification sound. Backend-agnostic — ships with a simple REST/WebSocket API contract that you connect to your support backend (Intercom, Zendesk, or custom).

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@growth_amy
LicenseMIT
Version1.0.0
Dependencies0