Habilidades add-event-type
📦

add-event-type

Revisión del contenido r2 Seguro ⚙️ Comandos externos

Agregar tipos de eventos de feed en React

Los cambios en el feed del frontend suelen requerir actualizaciones en tipos, bloques, renderizado y manejo de WebSocket. Esta skill guía una incorporación de eventos consistente en React y TypeScript.

Compatible con: Claude Codex Code(CC)
🥉 78 Bronce

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente
Review the Skillstore skill "add-event-type" from https://skillstore.io/skills/applelamps-add-event-type.md and its manifest at https://skillstore.io/api/skills/applelamps-add-event-type/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/applelamps-add-event-type.md Manifest firmado GET /api/skills/applelamps-add-event-type/manifest Lockfile firmado GET /api/skills/applelamps-add-event-type/lockfile

Pruébalo

Usando "add-event-type". Agrega un nuevo tipo de evento search_result.

Resultado esperado:

El feed admite resultados de búsqueda con una carga útil de evento tipada, un componente de bloque correspondiente y cobertura de renderizado en el feed principal.

Usando "add-event-type". Crea un bloque para mostrar errores.

Resultado esperado:

La interfaz ahora tiene un tipo de evento de error, un bloque de feed centrado en errores y guía para el manejo de WebSocket si los eventos del backend lo proporcionan.

Usando "add-event-type". Agrega un tipo de evento para actualizaciones de progreso.

Resultado esperado:

Las actualizaciones de progreso se representan como un evento de feed tipado y se renderizan mediante un componente que sigue las convenciones existentes de diseño y estilo.

Auditoría de seguridad

Seguro
v9 • 23/7/2026 Abrir el informe versionado

All eight static findings are false positives caused by Markdown inline-code markers and fenced TypeScript examples. The skill contains no shell commands, executable backticks, prompt injection, or other semantic security concerns.

1
Archivos escaneados
51
Líneas analizadas
0
Elementos de revisión
0
Falsos positivos ignorados

Factores de riesgo

⚙️ Comandos externos (8)
SKILL.md:9 SKILL.md:10 SKILL.md:14-19 SKILL.md:19-22 SKILL.md:22-24 SKILL.md:24-27 SKILL.md:27-35 SKILL.md:35-49
La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.
Auditado por: codex Ver historial de auditorías →
Compartir y citar este informe

Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.

Abrir el informe versionado
Evaluación de seguridad

Copiar enlace del informe

https://skillstore.io/skills/applelamps-add-event-type/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/applelamps-add-event-type/security.svg)](https://skillstore.io/skills/applelamps-add-event-type?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/applelamps-add-event-type?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/applelamps-add-event-type/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/applelamps-add-event-type.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Citas académicas (APA · BibTeX · CFF)

Cita APA

AppleLamps. (2026). add-event-type security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/applelamps-add-event-type/audits/9

Cita BibTeX

@techreport{applelamps-applelamps-add-event-type-2026, author = {AppleLamps}, title = {add-event-type security audit report (audit version 9)}, institution = {Skillstore}, year = {2026}, number = {9}, url = {https://skillstore.io/skills/applelamps-add-event-type/audits/9}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "add-event-type security audit report (audit version 9)" version: "unspecified" type: report authors: - name: "AppleLamps" date-released: "2026-07-23" url: "https://skillstore.io/skills/applelamps-add-event-type/audits/9" identifiers: - type: other value: "skillstore:applelamps-add-event-type:audit:9" description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Alto
55
Arquitectura
85
Mantenibilidad
85
Contenido
70
Comunidad
91
Cumplimiento de la especificación

Lo que puedes crear

Mostrar nueva salida del agente

Agregar un bloque de feed para un nuevo tipo de respuesta del asistente con una carga útil tipada y un tratamiento visual visible en la interfaz.

Estandarizar extensiones del feed

Ayudar a un equipo a agregar bloques de eventos con patrones consistentes de nombres, estilos y renderizado.

Conectar eventos del backend con la interfaz

Extender un feed impulsado por WebSocket para que los nuevos mensajes del backend aparezcan en la interfaz React.

Prueba estos prompts

Agregar un evento simple 
Agrega un nuevo tipo de evento progress_update al feed del frontend y crea un bloque React correspondiente.
Coincidir con los estilos existentes 
Agrega un tipo de evento search_result. Sigue los estilos existentes de los bloques de feed y mantén completa la carga útil TypeScript.
Conectar mensajes WebSocket 
Agrega un tipo de evento error_report y actualiza el manejador de mensajes WebSocket si asigna eventos del backend a elementos del feed.
Auditar una incorporación al feed 
Revisa la implementación del nuevo tipo de evento en cuanto a nomenclatura, cobertura de la unión, cobertura de renderizado e integridad de TypeScript.

Mejores prácticas

  • Revisa los bloques de eventos existentes antes de agregar un nuevo componente.
  • Mantén los nombres de eventos en snake case y los nombres de componentes en PascalCase.
  • Prueba el nuevo evento con un mensaje WebSocket simulado o una fixture.

Evitar

  • No agregues un bloque de feed sin actualizar la unión EventType.
  • No uses tipos any imprecisos para los nuevos campos de carga útil del evento.
  • No introduzcas estilos que entren en conflicto con los patrones Tailwind existentes.

Preguntas frecuentes

¿A qué framework está dirigida esta skill?
Está dirigida a un frontend React que usa tipos de eventos TypeScript para un sistema de feed.
¿Actualiza código del backend?
Solo recuerda al agente actualizar el manejo de WebSocket cuando los mensajes del backend lo requieran.
¿Puede agregar múltiples tipos de eventos?
Sí, pero cada evento debe recibir igualmente su propia carga útil tipada y ruta de renderizado.
¿Requiere Claude o Codex?
La skill es compatible con flujos de trabajo de Claude, Codex y Claude Code.
¿Qué archivos espera?
Espera un archivo de feed frontend como frontend/src/App.tsx con tipos de eventos y componentes de bloque.
¿Cómo debe probarse la salida?
Envía o simula el nuevo evento a través de la ruta del feed y confirma que el bloque se renderice correctamente.

Detalles del desarrollador

Licencia

MIT

Revisión de Skillstore

r2

Aviso de versión

El autor no declaró una versión.

Repositorio

https://github.com/AppleLamps/web-term/tree/main/.claude/skills/add-event-type

Ref.

89edfdc710d0846129dcee6a929477b04f08052c

Actualidad del mantenimiento

25/7/2026

Uso

6 descargas · 214 vistas

Estructura de archivos

📄 SKILL.md