skills.rest
Ahoo-Wang
Ahoo-WangCOMMUNITY
Explore all skills by this author →
GitHub

fetcher-eventbus

Implement typed and ordered cross-tab event systems using BroadcastChannel and localStorage.

15|4|Updated Aug 23, 2025
Search Tags:#broadcast#cross-tab#eventbus#typed events#web messaging
One-click install
npx skills add https://github.com/Ahoo-Wang/fetcher --skill fetcher-eventbus
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fetcher-eventbus
Source: https://github.com/Ahoo-Wang/fetcher/tree/main/skills/fetcher-eventbus
Command: npx skills add https://github.com/Ahoo-Wang/fetcher --skill fetcher-eventbus

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Facilitates efficient event handling and communication between different parts of web applications, including cross-tab messaging and event broadcasting.

Core Features & Use Cases

  • Typed Event Buses: Supports serial, parallel, and broadcast event execution patterns for flexible event management.
  • Cross-Tab Communication: Uses BroadcastChannel or localStorage-based messengers to enable messaging between browser tabs.
  • Use Case: Coordinate real-time updates across multiple tabs when user data changes, ensuring consistency and synchronized behavior.

Quick Start

Set up a broadcast channel messenger for cross-tab messaging and send a message to other tabs.

Frequently Asked Questions about fetcher-eventbus

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I broadcast messages across browser tabs?▼

Cross-tab communication is handled by utilizing browser APIs like BroadcastChannel and localStorage to broadcast messages and exchange data between tabs, ensuring synchronized behavior across different parts of web applications.

Can I execute typed events in a specific order within a web application?▼

Typed event buses support serial, parallel, and broadcast event execution patterns, providing flexible and ordered event management for real-time communication within web applications.

What is the best way to synchronize user data updates across multiple tabs?▼

Synchronizing user data updates across tabs requires a cross-tab event system using messengers to coordinate real-time updates, ensuring data consistency and synchronized behavior when changes occur.

Does cross-tab messaging work with older browsers that lack modern APIs?▼

Cross-tab data exchange complies with modern browser standards by utilizing BroadcastChannel, but it also includes localStorage-based messengers to enable messaging in environments where newer APIs might be unavailable.

Why use a typed event bus for intra-tab event handling?▼

A typed event bus provides structured event management, allowing serial, parallel, and broadcast execution patterns to handle real-time communication safely and efficiently within a single browser tab.

When should I avoid using localStorage for cross-tab event broadcasting?▼

Cross-tab communication via localStorage should be avoided when strict security norms and high-frequency real-time messaging are required, as BroadcastChannel provides a more modern, standardized API for direct tab messaging.

Related Skills

Explore More Content & Communication Skills→
ai-ecoverseai-ecoverse

teams

Interact with Microsoft Teams via Graph API using a delegated browser token.

Official
Advanced
manutejmanutej
1

supabase-mcp-integration

Integrate Supabase authentication, database operations, realtime, and storage.

Community
Advanced
hgflimahgflima
1

frontend-ui-engineering

Create accessible, responsive UI components adhering to design systems.

Community
Advanced
modu-aimodu-ai
1.2k

moai-platform-convex

Implement Convex server functions, reactive queries, and optimistic updates for real-time apps.

Official
Advanced