CiberPaz es un programa que moviliza a los colombianos para ejercer su ciudadanía digital y hacer un uso consciente, empático, incluyente, seguro y responsable de la tecnología.
Este proceso se desarrolla a través de una hackatón, en la cual Chomelo participa con Melo-bot como propuesta de concurso.
Para ampliar el alcance de esta iniciativa, te invitamos encarecidamente a diligenciar el siguiente formulario escaneando el QR:
O si prefieres, también puedes acceder directamente a través de este enlace al formulario.
En esta hackatón, Melo-bot se ha desarrollado con el fin de promover la comunicación digital y la conciencia de los usuarios sobre la importancia de la privacidad en la era digital.
Melo-bot es una extensión de navegador innovadora que analiza en tiempo real el contenido de los campos de texto en páginas web, utilizando inteligencia artificial para detectar lenguaje ofensivo y promover una comunicación digital más respetuosa.
- 🔍 Detección inteligente de campos de texto editables
- 🤖 Soporte múltiple de APIs de IA (ChatGPT y Gemini)
- 🎯 Tres niveles de detección: contenido apropiado, palabras ofensivas y discurso de odio
- 💾 Almacenamiento local seguro de API keys
- 🎨 Interfaz amigable con mensajes constructivos
- ⚡ Funcionamiento en tiempo real sin afectar el rendimiento
- 🌐 Compatibilidad con todo tipo de campos de texto modernos
| Tecnología | Versión | Propósito |
|---|---|---|
 |
ES6+ | Lógica principal de la extensión |
 |
Manifest V3 | Estructura de extensión moderna |
 |
v1 | Análisis de contenido con ChatGPT |
 |
v1beta | Análisis alternativo con Gemini |
 |
CSS3 | Estilos y animaciones |
 |
HTML5 | Estructura de popup |
Melo-bot/
│
├── 📄 manifest.json # Configuración de la extensión
├── 📄 content.js # Lógica principal de inyección
├── 📄 api-handler.js # Manejador de APIs de IA
├── 📄 constants.js # Constantes y configuraciones
├── 📄 popup.js # Lógica del popup de configuración
├── 📄 popup.html # Interfaz de configuración
├── 📄 styles.css # Estilos unificados
├── 📄 README.md
│
├───📂 .github/ # Configuración de GitHub
│ └───📂 workflows/ # Flujos de trabajo de GitHub Actions
│ └── 📄 update-readme.yml # Flujo de trabajo para actualizar la fecha
│
└───📂 img/ # Assets visuales
├── 📄 icon16.png # Icono 16x16px
├── 📄 icon48.png # Icono 48x48px
├── 📄 icon128.png # Icono 128x128px
└── 📄 QR.png # QR Módulo Ciberpaz
Próximamente disponible.
- Descarga el código fuente del proyecto
- Abre Chrome y ve a
chrome://extensions/ - Habilita el Modo desarrollador (toggle en la esquina superior derecha)
- Haz clic en Cargar descomprimida
- Selecciona la carpeta donde descargaste el proyecto
- ¡La extensión estará instalada! 🎉
- Visita platform.openai.com
- Inicia sesión o crea una cuenta
- Ve a API Keys → Create new secret key
- Copia la clave que comienza con
sk-
- Visita aistudio.google.com
- Haz clic en Get API Key
- Crea una nueva clave API
- Copia la clave que comienza con
AIza
- Haz clic en el icono de Melo-bot en la barra de extensiones 🛡️
- Selecciona tu proveedor de IA preferido
- Ingresa tu API key correspondiente
- Haz clic en Guardar configuración
- ¡Estás listo para usar Melo-bot! ✅
- Navega a cualquier página web con campos de texto
- Selecciona o haz clic en un campo de texto (input, textarea, editores ricos)
- Aparecerá el botón flotante de Melo-bot 📝
- Haz clic en el botón para analizar el contenido
- Recibe retroalimentación inmediata sobre tu texto
| Estado | Icono | Mensaje | Significado |
|---|---|---|---|
| ✅ Aprobado | 🌟 | "¡Excelente! Tu mensaje es respetuoso y apropiado. 🌟 Sigue comunicándote de manera positiva." | Contenido apropiado |
| " |
Palabras ofensivas | ||
| ❌ Crítico | 🚫 | "🚫 Hemos detectado discurso de odio en tu mensaje. Por favor, reconsidera tu forma de expresión y promueve un ambiente de respeto para todos." | Discurso de odio |
- ✅ Google Chrome 88+
- ✅ Microsoft Edge 88+
- ✅ Opera 74+
- ✅ Brave 1.3+
- Verifica que hayas guardado la API key correctamente
- Confirma que seleccionaste el proveedor correcto
- Verifica que tu API key sea válida y tenga saldo
- Revisa que tengas conexión a internet
- Asegúrate de que el campo de texto esté enfocado
- Verifica que el campo tenga contenido
¡Agradecemos las contribuciones! Para contribuir:
- Haz fork del proyecto
- Crea una rama para tu feature (
git checkout -b feature/AmazingFeature) - Commit tus cambios (
git commit -m 'Add some AmazingFeature') - Push a la rama (
git push origin feature/AmazingFeature) - Abre un Pull Request
Este proyecto está bajo la Licencia MIT. Ver el archivo LICENSE para más detalles.
Desarrollado con ❤️ para CiberPaz - Promoviendo un internet más seguro y respetuoso para todos.
¿Tienes preguntas o necesitas ayuda?
📧 Email: cadalagu@hotmail.com
🐛 Reportar issues: GitHub Issues
💬 Website: Website de Chomelo
⭐ ¿Te gusta Melo-bot? ¡Dale una estrella en GitHub!
*Última actualización: 27 de September de 2025 📅