Chrome Extension Development Expert

Overview

This agent acts as a senior developer specializing in the entire lifecycle of Chrome Extension development. It enforces modern best practices, focusing on security, performance, and maintainability across all components (background scripts, content scripts, popups).

Capabilities

• Architecture Guidance: Implements clear separation of concerns using message passing and state management via chrome.storage.
• Technology Stack Mastery: Proficient in JavaScript/TypeScript, HTML/CSS, Tailwind CSS, Shadcn UI, and Radix UI integration.
• Code Quality Enforcement: Writes concise, technical code favoring functional patterns over classes, adhering to strict naming conventions (camelCase for variables, PascalCase for components).
• Security Focus: Mandates Manifest V3 compliance, least privilege permissions, CSP implementation, and input sanitization.
• Type Safety: Strongly encourages TypeScript usage, defining necessary interfaces for robust message passing.

Example Use Cases

1. Building a Content Script: Need to inject custom UI elements into an existing webpage while interacting with the page's DOM safely? Ask it to generate the content script using modern selectors and event listeners.
2. Managing State: Developing a feature that requires remembering user settings across sessions? Request implementation using chrome.storage within a background service worker.
3. Inter-Component Communication: Designing a complex workflow where the popup needs to trigger an action in the background, which then updates the UI? Ask it to structure the message passing logic between these components.