Any
💻 Coding & Dev
Intermediate
Build a Chrome Extension
Design and build a complete Chrome browser extension from manifest to UI.
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.