add-event-type
Добавление новых типов событий в ленту
Пользователям необходимо отображать новые типы вывода агента в ленте чата. Этот навык предоставляет структурированные инструкции для добавления новых типов событий с использованием TypeScript-интерфейсов, React-компонентов и WebSocket-интеграции.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「add-event-type」。 Добавить тип события 'search_result'
預期結果:
- Определён интерфейс SearchResultEventType с запросом и массивом результатов
- Создан React-компонент SearchResultBlock с элементами результатов
- Добавлен 'search_result' в объединение EventType
- Добавлен case switch в рендеринг ленты
正在使用「add-event-type」。 Создать тип события блока ошибки
預期結果:
- Определён интерфейс ErrorEventType с полями message и severity
- Создан React-компонент ErrorBlock со стилизацией предупреждения
- Добавлен 'error' в объединение EventType
- Добавлен обработчик ошибок в WebSocket message handler
正在使用「add-event-type」。 Добавить тип события прогресса
預期結果:
- Определён интерфейс ProgressEventType с процентом и текстом статуса
- Создан React-компонент ProgressBlock с индикатором прогресса
- Добавлен 'progress' в объединение EventType
- Добавлен case для обновлений прогресса в реальном времени
安全審計
安全This skill contains only documentation with TypeScript code examples for adding event types to a React frontend. No executable code, scripts, network calls, filesystem access, or cryptographic operations exist. The static findings in the prompt are false positives from the scanner misinterpreting TypeScript syntax and markdown code block formatting.
風險因素
🌐 網路存取 (1)
📁 檔案系統存取 (1)
品質評分
你能建構什麼
Отображение типов вывода агента
Добавление новых типов блоков для отображения различных ответов агента, таких как результаты поиска, ошибки или обновления прогресса в интерфейсе чата
Расширение функциональности ленты
Создание пользовательских отображений событий для специализированных возможностей агента за пределами стандартных текстовых блоков и блоков планирования
Добавление компонентов визуализации
Создание новых React-компонентов для визуализации сложных данных, таких как диаграммы, таблицы или форматированный код в ленте
試試這些提示
Добавь новый тип события 'search_result' для отображения результатов поиска в ленте
Создай тип события 'error' в виде блока, который отображает сообщения об ошибках со стилизацией предупреждения
Добавь тип события 'progress' с процентом и текстом статуса для отслеживания прогресса задачи
Добавь тип события 'chart', который принимает точки данных и отображает визуализацию в ленте
最佳實務
- Следуйте существующим соглашениям об именовании для обеспечения согласованности
- Завершайте определения типов TypeScript без использования 'any'
- Тестируйте новые типы событий с фиктивными WebSocket-событиями
避免
- Пропуск определений типов TypeScript
- Использование inline-стилей вместо классов Tailwind
- Забывание обновления case в switch обработчика событий