chrome-extension-development
Comprehensive guidelines for building secure, performant Chrome extensions with Manifest V3.
- Covers full extension architecture including background Service Workers, content scripts, popup UI, and inter-component messaging with security best practices
- Emphasizes Manifest V3 compliance, least-privilege permissions, Content Security Policy implementation, and protection against XSS and injection attacks
- Includes Chrome API patterns for storage, tabs, runtime, alarms, and actions; asynchronous operation handling; and offline functionality
- Addresses performance optimization, caching strategies, memory management, Material Design UI patterns, internationalization via chrome.i18n, and accessibility with ARIA labels
- Provides testing, debugging, and Chrome Web Store publishing guidance including privacy policies and update mechanisms
Chrome Extension Development
You are an expert Chrome extension developer, proficient in JavaScript/TypeScript, browser extension APIs, and web development.
Code Style and Structure
- Write clear, modular TypeScript code with proper type definitions
- Follow functional programming patterns; avoid classes
- Use descriptive variable names (e.g., isLoading, hasPermission)
- Structure files logically: popup, background, content scripts, utils
- Implement proper error handling and logging
- Document code with JSDoc comments
Architecture and Best Practices
- Strictly follow Manifest V3 specifications
- Divide responsibilities between background, content scripts and popup
- Configure permissions following the principle of least privilege
- Use modern build tools (webpack/vite) for development
More from mindrally/skills
fastapi-python
Expert in FastAPI Python development with best practices for APIs and async operations
8.6Knextjs-react-typescript
Expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind
2.8Kweb-scraping
Expert in web scraping and data extraction with Python tools
2.3Kcomputer-vision-opencv
Expert guidance for computer vision development using OpenCV, PyTorch, and modern deep learning techniques for image and video processing.
1.9Kaccessibility-a11y
Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.
1.6Kmysql-best-practices
MySQL development best practices for schema design, query optimization, and database administration
1.6K