Crear una extensión de Chrome
Crea extensiones de Chrome con Manifest V3.
Inicio rápido
- Ve a prompttoapp.dev
- Selecciona Chrome Extension como tipo de proyecto
- Escribe tu prompt en el bloque de texto y pulsa Generate
Ejemplo de prompt
Crea una extensión de productividad que:
- Bloquee sitios web que distraen
- Registre el tiempo en cada sitio
- Muestre estadísticas diarias de productividad
- Lista de bloqueo personalizable
- Temporizador Pomodoro
Stack tecnológico
- Manifest V3
- React + TypeScript
- Tailwind CSS
- APIs de Chrome (storage, tabs, alarms, etc.)
Probar tu extensión
- Haz clic en Publish en la interfaz de chat
- Haz clic en Get Project Files para descargar tu proyecto completo
- Extrae el ZIP en una carpeta
- Abre
chrome://extensions - Activa el "Modo desarrollador"
- Haz clic en "Cargar descomprimida" y selecciona la carpeta extraída
Tu extensión ya está activa en Chrome.
Tipos de extensiones soportados
- Extensiones popup — Haz clic en el icono para abrir la UI
- Extensiones de panel lateral — Barra lateral persistente
- Scripts de contenido — Se inyectan en páginas web
- Workers en segundo plano — Ejecutan tareas en segundo plano
Añadir integraciones
Puedes pedirle a la IA que añada integraciones como Supabase para almacenamiento o Stripe para pagos. Deberás proporcionar tus propias claves API en la configuración de la extensión.
Publicar en Chrome Web Store
- Crea una cuenta de desarrollador en Chrome Web Store ($5 único pago)
- Sube tu ZIP al panel de desarrollador
- Completa el listado de la tienda y envía para revisión (normalmente 1–3 días)