skills.rest
Sir-chawakorn
Sir-chawakornCOMMUNITY
Explore all skills by this author →
GitHub

chrome-extension

Create Chrome Extensions with Manifest V3, service workers, and content scripts.

33|5|Updated Jan 14, 2026
Search Tags:#browser automation#service worker#chrome extension#message passing#content script#manifest v3
One-click install
npx skills add https://github.com/Sir-chawakorn/power-ranger-toolkit --skill chrome-extension-sir-chawakorn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-extension
Source: https://github.com/Sir-chawakorn/power-ranger-toolkit/tree/main/src/skills/chrome-extension
Command: npx skills add https://github.com/Sir-chawakorn/power-ranger-toolkit --skill chrome-extension-sir-chawakorn

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the development of Chrome Extensions by providing pre-defined structures and patterns for Manifest V3, message passing, storage, and service worker management.

Core Features & Use Cases

  • Manifest V3 Structure: Outlines the essential JSON configuration for extensions.
  • Message Passing: Demonstrates communication between content scripts, background scripts, and popups.
  • Storage: Shows how to use chrome.storage.local for persistent data.
  • Service Worker Management: Includes patterns for keeping the service worker alive.
  • Use Case: Develop a TikTok auto-uploader extension that uses content scripts to interact with the page and background scripts to manage uploads.

Quick Start

Use the chrome-extension skill to generate the basic structure for a new browser extension.

Frequently Asked Questions about chrome-extension

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

FAQPage Schema
How do I build a Chrome extension using Manifest V3?▼

You can develop a Manifest V3 Chrome extension by configuring the essential JSON structure, implementing background service workers, and utilizing content scripts for browser automation and data extraction.

Why does my background service worker keep stopping in Chrome extensions?▼

Background service worker persistence issues in Chrome extensions occur due to idle timeouts. You can resolve this by applying specific patterns designed to keep the service worker alive during active browser automation tasks.

How do I set up message passing between content scripts and popups?▼

Message passing between content scripts, background scripts, and popups in Chrome extensions requires establishing communication channels using the Chrome extensions API to send and receive data across different extension components.

Does this Skill support building browser automation tools for data extraction?▼

Yes, this Skill supports developing browser automation tools and data extractors by utilizing content scripts to interact with web pages and background scripts to manage the extracted data within Chrome extensions.

How do I handle Content Security Policy compliance with trusted types in extensions?▼

Content Security Policy compliance in Chrome extensions is addressed by implementing trusted types, ensuring that your browser automation tools and custom user interfaces adhere to required security standards.

Can I use chrome.storage.local for persistent data in my extension?▼

Yes, you can use chrome.storage.local for persistent data storage in your Chrome extension, allowing your content scripts and background service workers to save and retrieve user data locally.

Related Skills

Explore More Software Engineering Skills→
oaustegardoaustegard
137

versioning-skills

Initialize Git repositories and commit changes for skill directories.

Community
Basic
Claude-Code-Community-IrelandClaude-Code-Community-Ireland
10

Browser Extension Builder

Build Chrome and Firefox browser extensions with Manifest V3.

Official
Intermediate
kraftvaerkkraftvaerk

umbraco-property-editor-ui

Implement custom Umbraco property editor UIs with TypeScript and LitElement.

Official
Intermediate
oakossoakoss
14

chrome-devtools

Automate and debug live Chrome browser sessions via the Model Context Protocol.

Official
Advanced