add-event-type
Agregar nuevos tipos de eventos al feed
Los usuarios necesitan mostrar nuevos tipos de salida del agente en el chat feed. Esta skill proporciona instrucciones estructuradas para agregar nuevos tipos de eventos con interfaces de TypeScript, componentes de React e integración WebSocket.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "add-event-type". Add a 'search_result' event type
Résultat attendu:
- Definida la interfaz SearchResultEventType con consulta y array de resultados
- Creado el componente React SearchResultBlock con elementos de resultado
- Agregado 'search_result' a la unión EventType
- Agregado caso switch en el renderizado del feed
Utilisation de "add-event-type". Create an error event type block
Résultat attendu:
- Definida la interfaz ErrorEventType con campos de mensaje y severidad
- Creado el componente React ErrorBlock con estilo de advertencia
- Agregado 'error' a la unión EventType
- Agregado manejo de errores en el handler de mensajes WebSocket
Utilisation de "add-event-type". Add a progress event type
Résultat attendu:
- Definida la interfaz ProgressEventType con porcentaje y texto de estado
- Creado el componente React ProgressBlock con barra de progreso
- Agregado 'progress' a la unión EventType
- Agregado caso para actualizaciones de progreso en tiempo real
Audit de sécurité
SûrThis 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.
Facteurs de risque
🌐 Accès réseau (1)
📁 Accès au système de fichiers (1)
⚙️ Commandes externes (8)
Score de qualité
Ce que vous pouvez construire
Mostrar tipos de salida del agente
Agregar nuevos tipos de bloque para mostrar diferentes respuestas del agente como resultados de búsqueda, errores o actualizaciones de progreso en la interfaz de chat
Extender funcionalidad del feed
Crear pantallas de eventos personalizadas para capacidades especializadas del agente más allá de los bloques de texto y planificación estándar
Agregar componentes de visualización
Construir nuevos componentes React para visualizar datos complejos como gráficos, tablas o código formateado en el feed
Essayez ces prompts
Agregar un nuevo tipo de evento 'search_result' para mostrar resultados de búsqueda en el feed
Crear un bloque de tipo evento 'error' que muestre mensajes de error con estilo de advertencia
Agregar un tipo de evento 'progress' con porcentaje y texto de estado para rastrear el progreso de tareas
Agregar un tipo de evento 'chart' que acepte puntos de datos y renderice una visualización en el feed
Bonnes pratiques
- Seguir las convenciones de nomenclatura existentes para consistencia
- Completar tipos TypeScript sin usar 'any'
- Probar nuevos tipos de eventos con eventos WebSocket simulados
Éviter
- Saltarse las definiciones de tipos TypeScript
- Usar estilos en línea en lugar de clases Tailwind
- Olvidar actualizar el caso switch del manejador de eventos