Конструктор реального времени WebSocket
Implements real-time features using WebSockets with Socket.io, rooms, authentication, and reconnection handling. Use when users request
AIpatricio0312rev
official
Другое
Что делает навык
Реализует создание приложений реального времени с использованием WebSockets и библиотеки Socket.io, включая настройку сервера, аутентификацию, управление комнатами и обработку переподключений. Решает задачи мгновенной доставки событий, чатов и уведомлений между клиентом и сервером.
Когда применять
- Создание системы чата с поддержкой комнат, индикаторов набора текста и историей сообщений.
- Реализация системы push-уведомлений для конкретных пользователей, групп или всех подключенных клиентов.
- Построение серверной части для приложений с обновлением данных в реальном времени (например, отслеживание заказов).
- Настройка безопасных WebSocket-соединений с проверкой токенов аутентификации при подключении.
Как работает
- Установить пакеты socket.io для сервера и socket.io-client для клиента.
- Настроить сервер Socket.io с параметрами CORS, интервалами пинга и middleware для валидации токенов аутентификации.
- Создать пространства имен (namespaces) и обработчики событий для управления комнатами (join/leave) и трансляции сообщений.
- Реализовать сервис уведомлений для отправки событий конкретным пользователям, группам или широковещательной рассылки.
- На клиенте создать React-хуки (useSocket, useChat) для управления соединением, подписки на события и автоматического переподключения.
- Интегрировать UI-компоненты (например, ChatRoom) для отображения сообщений, индикаторов набора и обработки ввода пользователя.
Примеры запросов агенту
Создай серверную часть чата на Socket.io с аутентификацией по токену и поддержкой комнат.
Напиши React-хук useChat для подключения к WebSocket, получения сообщений и отображения индикатора набора текста.
Реализуй сервис отправки уведомлений в реальном времени через Socket.io для конкретных пользователей и администраторов.
Что понадобится
- Node.js окружение с установленными пакетами socket.io и socket.io-client.
- Express.js сервер для хостинга HTTP и WebSocket соединений.
- Клиентское приложение на React с использованием хуков для управления состоянием соединения.
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «websocket-realtime-builder» из репозитория:
# https://github.com/patricio0312rev/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r websocket-realtime-builder/ ~/.claude/skills/websocket-realtime-builder/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.