chat-widget – skill Khác cho agent AI
Xây dựng hệ thống chat hỗ trợ thời gian thực với widget nổi cho người dùng và bảng quản trị cho nhân viên hỗ trợ. Dùng khi người dùng muốn live chat, chat hỗ trợ khách hàng, nhắn tin thời gian thực hoặc hỗ trợ trong ứng dụng.
Cài skill chat-widget bằng một lệnh
Chọn công cụ bạn đang dùng, copy lệnh và dán vào terminal. Skill sẽ nằm trong thư mục skills của công cụ đó và sẵn sàng dùng ở phiên làm việc tiếp theo.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/chat-widget-69d74.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /chat-widget – rồi mô tả công việc bạn muốn làm.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/chat-widget-69d74.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $chat-widget – rồi mô tả công việc bạn muốn làm.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/chat-widget-69d74.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /chat-widget – rồi mô tả công việc bạn muốn làm.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/chat-widget-69d74.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /chat-widget – rồi mô tả công việc bạn muốn làm.
Nội dung SKILL.md
Nội dung SKILL.md gốc bằng tiếng Anh.
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.
Skill liên quan
- chatexport-need-miner – Khai thác các bản xuất chat Telegram Desktop ngoại tuyến (result.json) để tìm nhu cầu…
- churn-prevention – Giảm tỷ lệ rời bỏ (churn) tự nguyện và không tự nguyện bằng luồng hủy đăng ký, ưu đãi…
- p5js – Các sketch p5.js: nghệ thuật tạo sinh, shader, tương tác, 3D.
- cirq – Cirq là framework mã nguồn mở của Google Quantum AI để thiết kế, mô phỏng và chạy mạch…
- clarity-gate – Kiểm tra trước khi nạp dữ liệu nhằm đảm bảo chất lượng nhận thức (epistemic) trong hệ…
- pycalphad – Tính toán cân bằng CALPHAD ở nhiệt độ hữu hạn, phần pha và thành phần pha từ cơ sở dữ…
- claude-speed-reader – -Đọc nhanh câu trả lời của Claude với tốc độ 600+ WPM bằng RSVP và tô nổi bật ORP kiểu…
- clerk-auth – Mẫu chuyên sâu để triển khai xác thực Clerk, middleware, tổ chức, webhook và đồng bộ…