BandejaUn componente o cualquier área
Un clic toma el componente; arrastrar, cualquier área. Ajusta con las ocho asas o con el teclado.
Nuevo Captura sin permisos del navegador
Que te muestren qué falla. Sin mostrar lo privado.
Northstar Review agrega un botón de comentarios a tu sitio o app web. Quien lo usa elige con un clic la parte de la página que falla y te la envía; contraseñas, tarjetas y códigos nunca entran en la imagen.
Pasa el cursor por la tienda Toca la tienda y elige un componente, como lo haría quien reporta.
Northstar ReviewReportar toma un clic,
Reportar toma un clic,
no una captura de pantalla
El widget dibuja la página él mismo, sin pedir permisos al navegador: en Chrome, Edge, Firefox y Safari, dentro de iframes y en teléfonos. Quien reporta elige qué parte enviar.
Marca el problema
Rectángulo, flecha, texto, cubierta sólida y recorte, con deshacer y zoom.
Antes de enviar, todo a la vista
Quien reporta ve el contexto que se envía y puede quitar la ruta, la versión, la pantalla y el navegador.
¿Ya tienes una captura? Súbela o pégala: hasta tres imágenes por reporte.
Privado desde el primer píxel
Lo privado nunca entra en la imagen
Contraseñas, correos, teléfonos, tarjetas y códigos de un solo uso se copian sin su contenido y se cubren con un bloque sólido antes de que la imagen exista. Para cubrir algo más, márcalo con data-review-private.
Cubiertas sólidasOpacas y en el lugar de los píxeles; nunca un desenfoque.
Lo que ves es lo que saleLa vista previa es, byte por byte, la imagen que se sube.
Sin metadatosCada imagen se vuelve a codificar, sin EXIF ni nombre de archivo.
Marcos de otros sitiosLos iframes de otros orígenes también entran cubiertos.
Tu equipo lo recibe
con todo para resolverlo
Cada reporte llega con su imagen y su contexto. Asigna, prioriza, etiqueta, marca duplicados y resuelve: cada cambio queda en la historia del reporte, y nadie sobrescribe el cambio de otra persona.
La bandeja de Review
Filtra por estado, prioridad, persona, versión o etiqueta, y busca en el texto de los reportes aunque esté cifrado.
Internos o públicos
Comenta en privado con tu equipo o, si activas el seguimiento, responde a quien reportó.
Entra con Northstar ID
Cada quien tiene en Review el rol que ya tiene en su organización.
Roles desde Northstar IDAvisos en el panel y, si los activas, por correo: solo la referencia, el proyecto y un enlace.
Cifrado con Northstar CipherCada reporte y cada imagen,
Cifrado con Northstar CipherCada reporte y cada imagen,
cifrados antes de guardarse
El texto, el contacto, el contexto, los comentarios y cada imagen se cifran con Northstar Cipher. En claro queda solo lo necesario para filtrar, como el estado, la prioridad y las fechas: nunca el texto ni quién reportó.
Lo que ve tu equipoWEB-42, abierto por alguien con acceso al proyecto
TítuloEl cupón no se descuenta del total
DescripciónApliqué PRIMAVERA y el total sigue…
Contactoana@example.com
Contexto/pedido · 2026.10.12 · Chrome 141
Imagen1 imagen · PNG
EstadoClasificado · Alta
Lo que guarda ReviewLa base de datos y el almacenamiento de objetos
reports.titlensc:v1:Hq2xV8mRk0aLw3… Cipher
reports.descriptionnsc:v1:Tb7Np4cQe9Zs1y… Cipher
reports.reporter_emailnsc:v1:Lm5Jd0rWf2Ux8k… Cipher
reports.contextnsc:v1:Pz3Kc6vHn1Ye4q… Cipher
objects/…/7f3a9c2eNSOB v1 · AES-256-GCM Llave propia
reports.statustriaged En claro
- Falla cerradoSi Cipher no responde, no se guarda nada: nunca en texto claro.
- Imágenes por 60 segundosCada imagen se abre con un enlace firmado que dura un minuto.
- Lo borrado no vuelveCada borrado deja una marca que se aplica de nuevo tras restaurar un respaldo.
Unas líneas en tu sitio,
y ya puedes recibir reportes
Copia el fragmento de tu proyecto o instala el paquete de npm, con ayudas para React. Prueba desde localhost con la llave de prueba: esos reportes quedan marcados y no cuentan en tu bandeja.
index.html
<script async src="https://review.northstar.mx/cdn/v1/review.js"
integrity="sha384-…" crossorigin="anonymous"
data-project-key="nsr_pk_live_…"
data-endpoint="https://review.northstar.mx"
data-locale="es-MX"
data-release="2026.10.12"
data-mask-selectors=".saldo,.historial"></script>review.ts
import { init } from '@northstartech/review'
const review = init({
projectKey: 'nsr_pk_live_…',
endpoint: 'https://review.northstar.mx',
locale: 'es-MX',
maskSelectors: ['[data-review-private]'],
})
review.open({ type: 'issue' }) // o 'suggestion', desde tu propio botónRoot.tsx
import { NorthstarReviewProvider, ReviewButton, useNorthstarReview } from '@northstartech/review/react'
<NorthstarReviewProvider options={{ projectKey, endpoint, locale: 'es-MX' }} route="/pedido/:id">
<App />
<ReviewButton type="suggestion">Sugerir una mejora</ReviewButton>
</NorthstarReviewProvider>
// En cualquier componente dentro del proveedor:
const review = useNorthstarReview()
review.open({ type: 'issue' })- Menos de 9 KiB al cargarComprimido, el cargador es lo único que llega con tu página; el resto, al abrir el widget.
- Con una CSP estrictaSin unsafe-eval ni unsafe-inline, en un Shadow DOM aparte de tus estilos.
- Solo desde tus dominiosProducción acepta reportes de dominios que verificas por DNS o HTTPS.
- Si algo falla, no estorbaSi el servicio no responde, tu página queda igual, sin el botón.
Preguntas frecuentes
Escucha a quien usa lo que construyes
Solicita acceso anticipado
Northstar aún no es público. Estamos abriendo el acceso a un grupo pequeño de empresas: cuéntanos de la tuya.