Prompt Library 💻 Coding & Dev Build a Chrome Extension
Any 💻 Coding & Dev Intermediate

Build a Chrome Extension

Design and build a complete Chrome browser extension from manifest to UI.
👁 6 views ⎘ 0 copies ♥ 0 likes

The Prompt

Help me build a Chrome extension for the following:

Extension name: [name]
What it does: [describe the functionality and problem it solves]
Key features: [list the main things it does]
Extension type: [popup / content script / background service / devtools / side panel / combination]
Permissions needed: [tabs / storage / activeTab / scripting / cookies / other]
UI required: [popup window / options page / content overlay / context menu]
Data storage: [chrome.storage.local / chrome.storage.sync / none]
External API integration: [yes / no]
Target: [Manifest V3 - current standard]

Build the complete extension:

MANIFEST:
- Complete manifest.json with all required fields
- Permission explanations and minimal permission principle
- Icon specifications

POPUP (if applicable):
- popup.html with full UI
- popup.js with all functionality
- popup.css with styling

CONTENT SCRIPT (if applicable):
- content.js with DOM manipulation logic
- How to inject and when
- Communication with popup/background

BACKGROUND SERVICE WORKER:
- background.js setup
- Event listeners
- Message passing architecture

OPTIONS PAGE (if applicable):
- options.html
- options.js with settings persistence
- Settings schema

MESSAGE PASSING:
- Communication architecture between all parts
- Message types and handlers
- Error handling for messaging

STORAGE LAYER:
- Data schema
- Read and write helpers
- Sync vs local decision

CONTEXT MENUS (if applicable):
- Menu registration
- Click handlers

PUBLISHING:
- Chrome Web Store submission checklist
- Privacy policy requirements
- Store listing copy (name, description, screenshots guidance)

📝 Fill in the blanks

Replace these placeholders with your own content:

[name]
[describe the functionality and problem it solves]
[list the main things it does]
[popup / content script / background service / devtools / side panel / combination]
[tabs / storage / activeTab / scripting / cookies / other]
[popup window / options page / content overlay / context menu]
[chrome.storage.local / chrome.storage.sync / none]
[yes / no]
[Manifest V3 - current standard]

How to use this prompt

1
Copy the prompt

Click "Copy Prompt" above to copy the full prompt text to your clipboard.

2
Replace the placeholders

Swap out anything in [BRACKETS] with your specific details.

3
Paste into Any

Open your preferred AI assistant and paste the prompt to get started.