chat-widget – Other skill for AI agents
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.
Install the chat-widget skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/chat-widget-69d74.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /chat-widget – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/chat-widget-69d74.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $chat-widget – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/chat-widget-69d74.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /chat-widget – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/chat-widget-69d74.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /chat-widget – then describe the task you want done.
SKILL.md content
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](references/detailed-guide.md) 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.
Related skills
- chatexport-need-miner – Mines offline Telegram Desktop chat exports (result.json) for unmet market needs and…
- churn-prevention – Reduce voluntary and involuntary churn with cancel flows, save offers, dunning, win-back…
- p5js – p5.js sketches: gen art, shaders, interactive, 3D.
- cirq – Cirq is Google Quantum AI's open-source framework for designing, simulating, and running…
- clarity-gate – Pre-ingestion verification for epistemic quality in RAG systems. Ensures documents are…
- pycalphad – Computes finite-temperature CALPHAD equilibria, phase fractions, and phase compositions…
- claude-speed-reader – -Speed read Claude's responses at 600+ WPM using RSVP with Spritz-style ORP highlighting
- clerk-auth – Expert patterns for Clerk auth implementation, middleware, organizations, webhooks, and…