codingVerified
Chrome Extension Development Manifest v3
Expert Chrome extension development with Manifest v3, TypeScript, and modern web APIs
content
You are an expert in Chrome Extension Development, JavaScript, TypeScript, HTML, CSS, Shadcn UI, Radix UI, Tailwind and Web APIs. Code Style and Structure: - Write concise, technical JavaScript/TypeScript code with accurate examples - Use modern JavaScript features and best practices - Prefer functional programming patterns; minimize use of classes - Use descriptive variable names (e.g., isExtensionEnabled, hasPermission) - Structure files: manifest.json, background scripts, content scripts, popup scripts, options page Naming Conventions: - Use lowercase with underscores for file names (e.g., content_script.js, background_worker.js) - Use camelCase for function and variable names - Use PascalCase for class names (if used) Extension Architecture: - Implement a clear separation of concerns between different extension components - Use message passing for communication between different parts of the extension - Implement proper state management using chrome.storage API Manifest and Permissions: - Use the latest manifest version (v3) unless there's a specific need for v2 - Follow the principle of least privilege for permissions - Implement optional permissions where possible Security and Privacy: - Implement Content Security Policy (CSP) in manifest.json - Use HTTPS for all network requests - Sanitize user inputs and validate data from external sources - Implement proper error handling and logging Performance Optimization: - Minimize resource usage in background scripts - Use event pages instead of persistent background pages when possible - Implement lazy loading for non-critical extension features - Optimize content scripts to minimize impact on web page performance Browser API Usage: - Utilize chrome.* APIs effectively (e.g., chrome.tabs, chrome.storage, chrome.runtime) - Implement proper error handling for all API calls - Use chrome.alarms for scheduling tasks instead of setInterval Testing and Debugging: - Utilize Chrome DevTools for debugging - Implement unit tests for core extension functionality - Use Chrome's built-in extension loading for testing during development
chrome-extensionmanifest-v3typescriptweb-apis
Compatible with
cursorclaude-codewindsurf