Skills
.Work. You
Rest

component-communication

Community

Master inter-component messaging in Chrome Extensions

Content & Communication#messaging#ports#chrome-extension#state-sync#background-content#inter-component
Authorfrancanete
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Chrome extensions are built from isolated components (background, content scripts, popup, side panel) that must communicate reliably. This Skill provides proven patterns for cross-component messaging, including ports, request/response messages, and state synchronization.

Core Features & Use Cases

  • Inter-component messaging patterns using chrome.runtime APIs
  • Long-lived connections via ports for streaming data and state
  • Background-relay patterns to connect content scripts with UI panels
  • State synchronization using storage and centralized state management
  • Robust error handling and retry strategies for flaky connections

Quick Start

Use this Skill to implement a messaging workflow that exchanges data between a content script and background script, then updates the UI in a popup.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: component-communication
Download link: https://github.com/francanete/fran-marketplace/archive/main.zip#component-communication

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.