Provide utilities for cross-context RPC, type-safe messaging, and browser extension testing.
npx skills add https://github.com/mengxi-ream/read-frog --skill webext-core
Please help me install this Agent Skill. Skill: webext-core Source: https://github.com/mengxi-ream/read-frog/tree/main/.agents/skills/webext-core Command: npx skills add https://github.com/mengxi-ream/read-frog --skill webext-core
Utilities for browser extensions aim to reduce the complexity of building robust, cross-context functionality by providing ready-made components for inter-context RPC, type-safe messaging, URL pattern matching, test-friendly fake browser APIs, job scheduling, and shadow DOM isolation.
Install the core utilities in your extension and start by exposing a background service with registerService, then call it from a popup or content script using createProxyService.
High-intent search queries and answers about installing and using this skill.
Type-safe messaging utilities enable structured communication between background scripts, popups, and content scripts. Using defineExtensionMessaging ensures type safety for cross-context browser extension messaging without manual serialization.
Using a proxy-service is the best way to call background functions from a popup. You expose implementations with registerService in the background and invoke them remotely via createProxyService in the popup or content script.
You simulate browser APIs for extension unit tests using an in-memory fake browser. This test-friendly environment allows you to mock browser behaviors and validate extension logic without launching a real browser instance.
Yes, you can isolate content script UIs using shadow DOM. The createIsolatedElement utility generates shadow DOM containers, preventing CSS or JavaScript conflicts between your extension interface and the host web page.
You schedule background jobs in a browser extension using defineJobScheduler. This utility manages background job scheduling, allowing you to execute timed or recurring tasks reliably within the extension background context.
Yes, the utility suite provides URL pattern matching for content scripts via MatchPattern. It evaluates URLs against standard browser extension patterns to conditionally apply scripts or logic based on the current page.
choufengDevelop React/TypeScript browser extensions with the Plasmo framework.
JuanDiego30Automate cross-browser end-to-end tests for Next.js applications with Playwright.
alexewerlofProvide minimal TypeScript DOM wrappers for manipulation, Shadow DOM, and templates.
haJ1tDevelop cross-platform mobile apps with state management, offline support, and push notifications.
