NexShot - Screenshot Annotator

About

📸 NexShot — Captura de pantalla, anotación y difuminado, todo en uno

NexShot es una extensión ligera y rápida para capturar cualquier página web en dos modos — pantalla visible o región seleccionada — y editarla al instante con un editor profesional de 9 herramientas. Sin cuentas, sin nube, sin telemetría. Todo el procesamiento ocurre 100% local en tu navegador.

───────────────

🚀 MODOS DE CAPTURA

▸ Captura Visible (Ctrl+Shift+1) Captura exactamente lo que ves en pantalla. Funciona en absolutamente todas las páginas, incluyendo chrome://, about: y extensiones. Un clic y la imagen se abre en el editor.

▸ Seleccionar Área (Ctrl+Shift+2) Arrastra para seleccionar la región exacta que quieres capturar. Ideal para recortar secciones específicas sin editar después. Incluye overlay visual con marco y fondo semitransparente para precisión milimétrica.

───────────────

✏️ EDITOR DE ANOTACIONES — 9 HERRAMIENTAS

Cada anotación se puede deshacer/rehacer (historial de 50 acciones). Ajusta color y grosor en tiempo real.

1️⃣ Lápiz — Dibujo a mano alzada. Perfecto para señalar, subrayar o garabatear sobre la captura.
2️⃣ Rectángulo — Destaca áreas con bordes de color. Útil para enfocar la atención en elementos concretos.
3️⃣ Círculo — Marca regiones con forma elíptica. Ideal para botones, iconos o rostros.
4️⃣ Flecha — Señala elementos con una flecha de punta sólida. El ángulo y tamaño se ajustan automáticamente.
5️⃣ Texto — Añade texto editable directamente sobre la imagen. Fuente Arial, tamaño proporcional al slider. Haz clic donde quieras escribir.
6️⃣ Resaltador — Pincel horizontal semitransparente (opacidad 30%) para simular marcador de texto real. El trazo es siempre recto y horizontal, ideal para resaltar líneas de texto.
7️⃣ Difuminar — Dibuja un rectángulo y el contenido debajo se difumina (blur 16px). Perfecto para ocultar información sensible: nombres, emails, números de tarjeta, direcciones.
8️⃣ Enfoque Rectángulo — Selecciona un área rectangular. TODO lo que queda fuera del rectángulo se difumina, dejando solo el interior nítido. Ideal para crear efectos de "spotlight" o guiar la atención del lector.
9️⃣ Enfoque Círculo — Igual que el anterior pero con forma circular. Útil para retratos, logos o elementos redondos.

───────────────

🎨 PERSONALIZACIÓN

Selector de color — Paleta completa (#2196F3 por defecto). Aplica a lápiz, rectángulo, círculo, flecha, texto, resaltador y bordes de enfoque.
Control de grosor — Slider del 1 al 20. El resaltador tiene un mínimo de 14px para simular marcador real.
Deshacer / Rehacer — Historial de 50 estados. Atajos Ctrl+Z / Ctrl+Y.

───────────────

⌨️ ATAJOS DE TECLADO COMPLETOS

Tecla	Acción
Ctrl+Shift+1	Captura visible
Ctrl+Shift+2	Seleccionar área
1	Lápiz
2	Rectángulo
3	Círculo
4	Flecha
5	Texto
6	Resaltador
7	Difuminar
8	Enfoque rectángulo
9	Enfoque círculo
Ctrl+Z	Deshacer
Ctrl+Y	Rehacer
Ctrl+S	Descargar
Esc	Cancelar / Desseleccionar

───────────────

🔒 PRIVACIDAD Y SEGURIDAD

NexShot es probablemente la herramienta de captura más respetuosa con tu privacidad que existe:

🔴 NO hace:
❌ No envía datos a servidores (cero peticiones de red)
❌ No usa analytics ni telemetría
❌ No requiere cuentas ni registro
❌ No almacena capturas en la nube
❌ No recopila información personal
❌ No inyecta anuncios ni rastreadores

🟢 SÍ hace:
✅ Captura lo que ves, punto
✅ Te deja anotar, difuminar y descargar
✅ Todo se procesa en tu RAM y se borra al cerrar

───────────────

🎯 CASOS DE USO

Desarrolladores — Capturar bugs, UI, snippets de código
Diseñadores — Anotar mockups, señalar cambios, compartir feedback visual
Educadores — Crear material didáctico con anotaciones y spotlight
Soporte técnico — Explicar pasos con flechas y texto sobre capturas
Abogados / Compliance — Difuminar datos sensibles antes de compartir
Periodistas — Ocultar fuentes y resaltar información relevante
Cualquiera — Porque a veces una imagen con una flecha dice más que mil palabras
───────────────

💡 Porque NexShot (no otro)?

Existen decenas de extensiones de captura. La mayoría:

☁️ Sube tus capturas a sus servidores (¿y después qué pasa con ellas?)
📊 Recolecta métricas de uso
👤 Te obliga a crear una cuenta
💰 Te limita con planes gratuitos y funciones bloqueadas tras paywall
NexShot es lo opuesto: 100% gratuita, 100% local, 0% cuentas. No tenemos nada que ganar con tus datos porque no los queremos. Solo una herramienta que hace su trabajo y se queda quieta.

───────────────

📝 NOTAS TÉCNICAS

Las capturas de área se recortan usando OffscreenCanvas y createImageBitmap en el service worker
El editor usa Fabric.js para manipulación de objetos vectoriales sobre la imagen
El difuminado se aplica mediante filtro CSS blur sobre canvas offscreen
El modo enfoque (spotlight) captura el estado completo del canvas, aplica blur general y recorta el área nítida
El resaltador usa línea recta horizontal con color semitransparente para emular marcador físico
La imagen original nunca se modifica; las anotaciones son objetos independientes sobre la imagen de fondo
───────────────

🌐 SITIO WEB https://www.nexarlb.com/NexShot/