Chrome Extension
A comprehensive rulebook for writing Chrome extensions with Manifest V3, covering 67 rules across service workers, content scripts, message passing, and storage APIs. Most valuable when migrating from V2 or debugging why your service worker keeps dying (use chrome.storage instead of globals, register listeners at top level). The priority system is smart: it puts critical lifecycle issues first, then optimization patterns. Specific rules like using declarativeNetRequest over webRequest and activeTab instead of broad permissions reflect real V3 migration pain points. Heavy on TypeScript patterns and includes testing guidance. If you're building extensions regularly, the categorization alone saves you from relearning the same lessons about alarms API and offscreen documents.
- skills.sh installs
- 729
- GitHub stars
- 222
- last updated
- Aug 21, 2026
Install
$ npx -y skills add pproenca/dot-skills --skill chrome-extension --agent claude-codeInstalls into .claude/skills of the current project.
Files
Chrome Extension Best Practices
Comprehensive performance and code quality guide for Chrome Extensions (Manifest V3). Contains 67 rules across 12 categories, prioritized by impact to guide automated refactoring and code generation.
When to Apply
Reference these guidelines when:
- Writing new Chrome extension code
- Migrating from Manifest V2 to Manifest V3
- Optimizing service worker lifecycle and state management
- Implementing content scripts for page interaction
- Debugging performance issues in extensions
Rule Categories by Priority
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/pproenca/dot-skills
- Categories
- Testing & QA, Documentation, Code Review & Quality, Debugging
- First seen
- Jun 3, 2026
More from pproenca/dot-skills
All 100- Shell704
- Tailwind657
- Refactor651
- Expo561
- React496
- Tailwind Responsive Ui470
- Tailwind Ui Refactor467
- Zustand453
- Debug444
- Ios Design436
- Feature Spec431
- Feature Arch423
- React Testing Library418
- Jscodeshift416
- Expo React Native Coder415
- Tdd415
- Humanize409
- React Optimise403
- Knip Deadcode390
- Rails Hotwire380
- Ts Google378
- Nginx C Module Design369
- Vite367
- Nginx C Modules365
Recommended
More Testing & QA
review-logging-patternshugorcd/evlogReview code for logging patterns and suggest evlog adoption. Optionally use @evlog/cli (`evlog init` to wire evlog, `evlog agents` to write the conventions into728skills.sh installs
sports-reportermachina-sports/sports-skillsGenerates original sports journalism articles by consuming real-time data from the sports-skills skills. Covers game previews, live reports, post-game, team ana720skills.sh installs
writing-react-native-storybook-storiesstorybookjs/react-nativeCreate and edit React Native Storybook stories using Component Story Format (CSF). Use when writing .stories.tsx files, adding stories to React Native component715skills.sh installs
conversion-copywritingguia-matthieu/clawfu-skillsWrite copy that gets a "yes" using Joanna Wiebe's research-first, Voice of Customer methodology Use when: **Writing landing pages, emails, or sales pages** that711skills.sh installsworld-cupmachina-sports/sports-skillsPremium FIFA World Cup 2026 market & match intelligence — a hosted, read-only layer that fuses official match truth (fixtures, standings, squads, injuries, play700skills.sh installs
autoshipmblode/agent-skillsRuns the npm release flow for an existing changesets package: create a changeset, fix lint/type/test/format failures, push, watch CI, merge the Version Packages687skills.sh installs