Build a real-time support chat system with a floating widget for users and an admin dashboard for support staff. Use when the user wants live chat, customer support chat, real-time messaging, or in-app support.
A source-grounded starter task has not been verified for this skill yet.
SKILL.md
name: chat-widgetdescription: Build a real-time support chat system with a floating widget for users and an admin dashboard for support staff. Use when the user wants live chat, customer support chat, real-time messaging, or in-app support.risk: criticalsource: communitydate_added: "2026-03-06"
Live Support Chat Widget
Build a real-time support chat system with a floating widget for users and an admin dashboard for support staff.
Detailed Guide
Use the bundled guide as a design sketch, not a production implementation. Authentication, per-chat/tenant authorization, private channels, bounded history and acknowledged delivery must be implemented and tested before exposing support messages.
Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.
When to Use This Skill
Use when the user wants to:
Add a live chat widget to their app
Build customer support chat functionality
Create real-time messaging between users and admins
Add an in-app support channel
Limitations
Use this skill only when the task clearly matches the scope described above.
Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.