What problem does it solve? Adding live customer support to an application requires coordinating databases, WebSocket channels, frontend widgets, admin dashboards, and email notifications, which is complex to design from scratch. This Skill provides a complete architectural blueprint and framework-specific code for building a real-time support chat system. ## Core Features & Use Cases - Full-Stack Architecture: Covers data models, REST endpoints, WebSocket channels, a floating user chat widget, and an admin dashboard with archive/restore controls. - Framework-Specific Code: Includes ready-to-adapt implementations for Ruby on Rails, React, Next.js, Laravel, and Vue.js, plus database and real-time technology recommendations. - Operational Details: Handles unread badges, message deduplication, auto-unarchiving, delayed email notifications, and connection status indicators. - Use Case: A SaaS team wants to add in-app support so users can message staff directly; the Skill guides building the widget, admin conversation view, and notification pipeline end to end. ## Quick Start Use the chat-widget skill to build a real-time support chat with a floating user widget and an admin dashboard in my app.
