add-event-type

What problem does it solve?

This Skill adds a new event type to the frontend feed system with a corresponding React component, enabling display of new agent output types.

Core Features & Use Cases

• Read current EventType union in frontend/src/App.tsx
• Define new event interface: type NewEventType = { type: 'new_type'; /* fields */ }
• Extend EventType union and implement NewTypeBlock component
• Update rendering logic and WebSocket handling to support the new event

Quick Start

Create the NewEventType interface, add it to EventType, build a NewTypeBlock, and wire it into the feed rendering. Example: add a block for type 'new_type' to render in the UI.

Guardrails

• Follow existing naming conventions (PascalCase components, snake_case event types)
• Use Tailwind styling for consistency
• Ensure TypeScript types are complete (no any)
• Test with mock events via WebSocket