Criar uma extensão Chrome
Construa extensões Chrome com Manifest V3.
Início rápido
- Aceda a prompttoapp.dev
- Selecione Chrome Extension como tipo de projeto
- Escreva o seu prompt no bloco de texto e clique em Generate
Exemplo de prompt
Cria uma extensão de produtividade que:
- Bloqueia sites que distraem
- Regista o tempo em cada site
- Mostra estatísticas diárias de produtividade
- Lista de bloqueio personalizável
- Temporizador Pomodoro
Stack tecnológico
- Manifest V3
- React + TypeScript
- Tailwind CSS
- APIs Chrome (storage, tabs, alarms, etc.)
Testar a sua extensão
- Clique em Publish na interface de chat
- Clique em Get Project Files para descarregar o seu projeto completo
- Extraia o ZIP para uma pasta
- Abra
chrome://extensions - Ative o "Modo de programador"
- Clique em "Carregar sem compressão" e selecione a pasta extraída
A sua extensão está agora ativa no Chrome.
Tipos de extensões suportados
- Extensões popup — Clique no ícone para abrir a UI
- Extensões de painel lateral — Barra lateral persistente
- Scripts de conteúdo — Injetam-se em páginas web
- Workers em segundo plano — Executam tarefas em segundo plano
Adicionar integrações
Pode pedir à IA para adicionar integrações como Supabase para armazenamento ou Stripe para pagamentos. Precisará de fornecer as suas próprias chaves API na configuração da extensão.
Publicar na Chrome Web Store
- Crie uma conta de desenvolvedor na Chrome Web Store ($5 único pagamento)
- Carregue o seu ZIP para o painel de desenvolvedor
- Preencha a listagem da loja e submeta para revisão (normalmente 1–3 dias)