Skip to main content

Create a Chrome Extension

Build Chrome extensions with Manifest V3.

Quick Start​

  1. Go to prompttoapp.dev
  2. Select Chrome Extension as your project type
  3. Type your prompt in the text block and hit Generate

Example Prompt​

Create a productivity extension that:
- Blocks distracting websites
- Tracks time spent on each site
- Shows daily productivity stats
- Customizable block list
- Pomodoro timer

Tech Stack​

  • Manifest V3
  • React + TypeScript
  • Tailwind CSS
  • Chrome APIs (storage, tabs, alarms, etc.)

Testing Your Extension​

  1. Click Publish in the chat interface
  2. Click Get Project Files to download your complete project
  3. Extract the ZIP to a folder
  4. Open chrome://extensions
  5. Enable "Developer mode"
  6. Click "Load unpacked" and select the extracted folder

Your extension is now active in Chrome.

Extension Types Supported​

  • Popup extensions — Click icon to open UI
  • Side panel extensions — Persistent sidebar
  • Content scripts — Inject into web pages
  • Background workers — Run tasks in background

Add Integrations​

You can ask the AI to add integrations like Supabase for storage or Stripe for payments. You'll need to provide your own API keys in the extension configuration.

Publishing to Chrome Web Store​

  1. Create a Chrome Web Store developer account ($5 one-time)
  2. Upload your ZIP to the developer dashboard
  3. Fill in store listing and submit for review (typically 1–3 days)

Next Steps​