Cargando producto…
02Herramienta de comentarios y control de calidad webBeta
Black Notes
Black Notes permite que los clientes comenten directamente sobre una web en funcionamiento, como si pegaran notas en la página, en vez de enviar capturas por correo. Cada nota reúne lo que necesita un desarrollador para corregir el problema: una captura, el elemento exacto, los registros del navegador y una repetición de la sesión. Las notas llegan a un tablero compartido y también pueden recogerlas agentes de programación.
01Problema
El problema que resuelve
Los comentarios sobre una web suelen llegar por correo, con una captura y una frase como «esto no funciona en mi móvil». Antes de poder resolverlo, un desarrollador debe averiguar qué página y elemento fallan, qué navegador se usó y qué ocurrió justo antes.
Black Notes coloca el comentario en la propia página y recopila automáticamente el contexto. Cuando el cliente pulsa Guardar, la nota ya indica dónde está el problema, qué hacía el navegador y cómo volver a reproducirlo.
02Cómo funciona
Paso a paso
- 01
Cargar
Un editor crea una sesión de revisión con un título, un briefing y la dirección del sitio, y comparte un único enlace. Los clientes se unen con su nombre y correo electrónico, sin crear una cuenta.
- 02
Fijar
El cliente elige un tamaño de pantalla, activa Comentario o Resaltado, pulsa el elemento que falla y escribe la nota ahí mismo.
- 03
Captura
La nota se guarda al instante. En segundo plano se adjuntan una captura, el elemento, los registros de consola y red del navegador, el dispositivo y el momento de la repetición de la sesión.
- 04
Archivar
Las notas llegan a un tablero compartido. El equipo las asigna, define prioridades, responde en hilos y se menciona entre sí.
- 05
Leer
Un desarrollador o un agente de programación conectado mediante MCP abre la nota con sus pruebas y consulta la repetición del momento.
- 06
Resolver
Cuando se corrige, la nota recibe una respuesta y pasa a pendiente de revisión o completada, donde el cliente puede verla.
03Plano
Representado como una máquina
Un brazo colocador sobre una página activa. Cada anotación se captura, se archiva en un tablero y se envía a un agente. Cada pieza del dibujo corresponde a una parte real del producto. Pasa el cursor o tócala para ver qué hace.
Part 03 / 08
Punta de anotación
Fija una nota en un elemento con su selector.
Note 008 at x 0.85 · y 0.56
- Notes
- 007
- Abrir
- 01
- En curso
- 02
- Review
- 01
- Done
- 003
- MCP calls
- 027
- Volver a reproducir
- 00:26
- Viewport
- 1440
04Funciones
Todo lo que hace
Dejar comentarios
Los clientes comentan directamente sobre el problema.
- Cualquier página activa
- Carga un sitio con Black Notes en tamaño de escritorio, portátil, tableta o móvil y deja tus comentarios.
- Modo de resaltado
- Señala o pulsa un elemento para resaltarlo y vincular la nota exactamente a ese elemento.
- Entornos de prueba y sitios con inicio de sesión
- Todos los participantes de una sesión comparten las mismas cookies. Si un sitio no se puede cargar desde Black Notes, una extensión de Chrome o un script integrado graba la pestaña real.
- Más que sitios web
- Fija notas en imágenes, diseños importados desde Figma, páginas de un PDF o momentos concretos de un vídeo.
- Versiones
- Sube una versión nueva y compárala en paralelo, apilada o superpuesta.
Pruebas en cada nota
Todo lo que pediría un desarrollador, recopilado antes de que tenga que pedirlo.
- Captura y elemento
- La pantalla tal y como la vio el cliente, junto con el selector del elemento.
- Consola y red
- Errores, registros y solicitudes del navegador en ese momento.
- Repetición de la sesión
- Reproduce los cinco segundos anteriores y los quince posteriores a la nota, o consulta la sesión completa.
- Entre sitios
- La extensión mantiene una sola grabación durante los pagos y los inicios de sesión en otros dominios.
- Privado de forma predeterminada
- La grabación solo empieza cuando la persona da su consentimiento y los campos de contraseña siempre se ocultan.
Resolverlo en equipo
Un tablero, no una bandeja de entrada.
- Tablero
- Abierta, en curso, pendiente de revisión y completada, con columnas personalizadas si las necesitas.
- Prioridades y responsables
- De baja a urgente, asignadas a una persona de la sesión.
- Hilos
- Respuestas con archivos adjuntos, menciones y referencias a otras notas.
- Mis notas
- Una vista con las tareas que tienes asignadas, las respuestas que recibes y las notas que te mencionan.
- En directo
- Consulta quién más participa en la sesión, sigue su cursor y mira cómo aparecen las notas mientras se escriben.
- Papelera
- Las notas y grabaciones eliminadas se pueden restaurar durante 30 días.
Agentes de programación
Un compañero de IA puede revisar los comentarios y responder.
- 21 herramientas MCP
- Los agentes leen sesiones, notas, capturas y diagnósticos de grabación, y pueden crear notas, responder y resolver incidencias.
- Solo lectura de forma predeterminada
- El acceso de escritura se activa expresamente; no tienes que acordarte de desactivarlo.
- Dos formas de conectarse
- Un token personal para actuar en tu nombre o un enlace de sesión que publica como «agente de IA».
- Diagnósticos fáciles de consultar
- La grabación se convierte en una cronología de consola, red, navegación y clics, sin incluir lo que haya escrito la persona.
05Pantallas
El producto real
Capturas del producto en funcionamiento. Haz clic en una para abrir la página de origen.
06Encaje
Para quién
Para quién es
Agencias y estudios que revisan sitios con sus clientes. Pagan los editores; los clientes y revisores participan gratis y sin cuenta.
Para qué se utiliza
- Revisión de diseño
- Aprobación del cliente
- Control de calidad antes del lanzamiento
- Revisión de contenidos
- Entrega al equipo de desarrollo
- Clasificación de errores
En qué estado está
BetaDisponible en notes.blacknosaur.com. La extensión de Chrome aún no está en Chrome Web Store.
07Especificaciones
Las cifras
| Herramientas MCP | 21 |
|---|---|
| Captura | Enlace compartido · extensión · integración |
| Tamaños de pantalla | 1920 · 1440 · 768 · 390 |
| Tipos de contenido | Web · imagen · PDF · vídeo |
| Columnas del tablero | 4 predeterminadas, personalizables |
| Tamaño de la grabación | ≈ 10 MB por hora grabada |
| Conservación de grabaciones | 30 días |
| Productos utilizados para crearlo |
|
08Preguntas
Respuestas claras
01¿Los clientes necesitan una cuenta?
No. Abren el enlace compartido e indican su nombre y correo electrónico. Los clientes y revisores invitados participan gratis; solo pagan quienes gestionan las revisiones.
02¿Puede revisar sitios protegidos por inicio de sesión?
Sí. La sesión comparte las cookies, de modo que todos ven la misma página con la sesión iniciada. Si el sitio no se puede cargar desde Black Notes, la extensión de Chrome o el script integrado graban la pestaña real.
03¿Qué se graba exactamente?
La página, los clics, el desplazamiento, las direcciones visitadas, los valores de formularios que no sean contraseñas, los mensajes de consola y los detalles de las solicitudes. Los campos de contraseña se ocultan, no se capturan los cuerpos de solicitudes ni respuestas y no se graba nada hasta que la persona acepta.
04¿Cómo lo utilizan los agentes de programación?
Conecta cualquier cliente MCP, incluido Claude Code con un solo comando, mediante un token personal o un enlace de sesión. El agente enumera las notas abiertas, consulta las pruebas y la grabación, corrige el problema, responde y resuelve la nota.
05¿Puedo revisar diseños además de sitios web?
Sí. Sube imágenes o importa una sección de Figma, fija notas página por página en PDF o en momentos concretos de vídeos.