Para quienes escriben guías de ayuda
Añade recuadros, números y notas a las capturas de tus guías. Harie guarda un JPEG o PNG normal que puedes pegar donde quieras. Si más adelante lo abres en Harie, cada recuadro y cada texto siguen siendo editables.
Gratuito y de código abierto (MIT), con el código en GitHub. La versión para navegador no necesita instalación ni cuenta, y el editor está disponible en siete idiomas, entre ellos español, inglés, portugués, japonés, coreano y chino.
Y cada persona del equipo lo hace un poco distinto.
La IA propone dónde van los recuadros y qué dicenCapturar, abrir, anotar, exportar, y vuelta a empezar con la siguiente.
Anota la página justo después de capturarlaSi un botón cambia de nombre, toca rehacer la captura desde cero. Y si la hizo un compañero, puede que el archivo fuente ya no exista.
Abre la imagen y cualquiera la corrige al momentoLas pantallas de producción están llenas de nombres y correos reales.
Sustitúyelos por valores ficticios que no se pueden revertirHarie cubre todo, desde la primera captura hasta el archivo guardado.
Con la extensión de Chrome puedes capturar la página en la que estás y abrirla directamente en el editor. Elige el área visible, una zona que arrastres o un solo elemento, como un botón.
Explica con recuadros, flechas, números, globos de texto y focos. Dile a Harie qué quieres explicar y la IA te propone recuadros numerados con sus textos.
Harie guarda un JPEG o PNG normal. Puedes pegarlo tal cual en tu centro de ayuda, y quien lo abra más adelante podrá seguir editando las anotaciones.
Por qué sigue siendo editable
Una imagen guardada con Harie lleva, junto a lo que ves, la captura original y los datos de las anotaciones. Otras aplicaciones y navegadores simplemente muestran una imagen normal.
Ábrela en Harie y podrás mover o reescribir cada recuadro y cada texto. No hace falta guardar un archivo de proyecto aparte, y quien reciba la imagen puede abrirla y corregirla.
Al volver a guardar, la captura original nunca se recomprime, así que la calidad se mantiene por muchas veces que la edites. La especificación del formato es pública (en japonés).
| Exportar desde un editor de imágenes | Servicio para crear guías | Harie | |
|---|---|---|---|
| Pegar directamente en tu centro de ayuda | Sí | Exportando desde el servicio | Sí |
| Editar el texto después de publicar | Si aún tienes el archivo de proyecto | Dentro del servicio | Sí, basta con abrir la imagen |
| Editable por alguien distinto del autor | Si le pasas el archivo de proyecto | Miembros del mismo plan | Sí, basta con enviar la imagen |
| Sin cuenta ni suscripción | Depende de la herramienta | Obligatoria | Sí |
AI
Escribe algo como «Explica cómo configurar las notificaciones de Slack» y la IA propondrá dónde van los recuadros y qué dicen. Puedes aceptar, rechazar o editar cada sugerencia. En las capturas de la extensión de Chrome, los recuadros se ajustan a los elementos reales de la página.
Conéctate con OpenRouter o usa tu propia clave de API de Anthropic. Harie siempre pregunta antes de enviar una imagen, y tu clave nunca sale de este navegador.
Cuando registres el servidor @harie/mcp , podrás pedir a Claude Code o Claude Desktop que añadan o corrijan anotaciones por ti. Si cambia un texto de la interfaz, puedes actualizar de una vez todas las imágenes afectadas.
En la imagen de notificaciones de guides, cambia «Guardar para aplicar» por «Actualizar para aplicar»
harie_open → harie_edit
He actualizado el globo 3 y he guardado el archivo.
Datos personales
Sustituye nombres, direcciones de correo y números de teléfono por valores ficticios. A diferencia de un desenfoque, así los lectores siguen entendiendo qué tipo de pantalla están viendo. Si lo prefieres, también tienes relleno, mosaico y desenfoque.
La ocultación se aplica a la imagen original, así que no se puede deshacer. Eso también significa que los valores originales no viajan con el archivo cuando lo compartes.
Lo guardes donde lo guardes, obtienes el mismo archivo con el mismo aspecto.
Úsalo directamente en el navegador, sin instalar nada. Las imágenes se procesan en el navegador y nunca se envían a un servidor, y también funciona sin conexión. Puedes cambiar el idioma de la interfaz en Ajustes.
Abrir el editorCaptura la página en la que estás y anótala al momento. Instálala desde Chrome Web Store.
Ver en Chrome Web StorePara macOS y Windows. Abre archivos desde el cuadro de diálogo del sistema y guárdalos en el mismo sitio.
Sobre la aplicación de escritorioPermite que agentes de IA como Claude lean y escriban las imágenes de una carpeta que elijas.
Cómo configurarloPrimeros pasos con MCP
Cuando registres el servidor @harie/mcp , Claude Code, Claude Desktop y la aplicación de escritorio de ChatGPT pueden abrir imágenes de Harie y añadir o corregir anotaciones.
Ejecuta este comando en tu terminal.
Harie
claude mcp add harie -- npx -y @harie/mcp --root ~/Pictures/guides
Añade esto a claude_desktop_config.json y reinicia Claude Desktop. Sustituye la carpeta por tu propia ruta.
{
"mcpServers": {
"harie": {
"command": "npx",
"args": ["-y", "@harie/mcp", "--root", "/Users/you/Pictures/guides"]
}
}
}
Funciona en la aplicación de escritorio de ChatGPT. Añade esto a ~/.codex/config.toml y reinicia la aplicación. Esta configuración se comparte con Codex CLI y la extensión para IDE. También puedes añadir el mismo comando como servidor STDIO en la sección de servidores MCP de los ajustes de la aplicación.
[mcp_servers.harie] command = "npx" args = ["-y", "@harie/mcp", "--root", "/Users/you/Pictures/guides"]
ChatGPT en la web no puede conectarse a servidores MCP que se ejecutan en tu ordenador.
npx, así que no hay nada más que instalar.--root a la carpeta que contiene tus imágenes. El servidor solo puede leer y escribir dentro de esa carpeta.Convierte settings.png en un archivo de Harie, pon un recuadro rojo alrededor del botón Guardar y añade un globo que diga Guarda aquí
En las imágenes de guides, sustituye por valores ficticios las direcciones de correo que se vean
Ocultar datos personales no se puede deshacer, así que el servidor solo guarda después de que lo confirmes.
Harie es una herramienta para añadir recuadros, números, globos de texto y flechas a las capturas de pantalla de la documentación de ayuda y las guías de uso de un SaaS. Guarda un JPEG o PNG normal y, cuando vuelves a abrir esa imagen en Harie, todas las anotaciones siguen siendo editables.
Sí. Harie guarda un JPEG o PNG normal, así que puedes pegarlo tal cual en páginas de ayuda, chats o documentos. La captura original y los datos de las anotaciones van en los metadatos de la imagen, y solo Harie los usa.
Sí, siempre que se hayan guardado con Harie. Abre en Harie la imagen que recibiste y podrás mover o reescribir cada recuadro y cada nota. No necesitas un archivo de proyecto ni una cuenta.
La imagen exportada sigue siendo editable. Las aplicaciones de captura guardan las anotaciones editables en sus propios archivos de proyecto, que se quedan con quien los creó. Los servicios para crear guías solo permiten editar dentro de sus propias cuentas. Harie guarda la captura original y las anotaciones dentro del JPEG o PNG, así que cualquiera que tenga la imagen de tu página de ayuda puede abrirla y editarla. Harie no genera guías paso a paso a partir de acciones grabadas.
No. Harie es gratuito, de código abierto con licencia MIT y no requiere registro. Solo las sugerencias de IA necesitan tu propia clave de API de Anthropic o una cuenta de OpenRouter, y pagas a esos servicios por lo que uses.
No. Las imágenes se procesan en tu navegador o en tu dispositivo, y el desarrollador nunca las recibe. Solo cuando usas las funciones de IA, Harie envía la imagen, después de preguntarte, directamente a la API de Claude de Anthropic (a través de OpenRouter si te conectaste con OpenRouter).
Sí. Puedes sustituir nombres, direcciones de correo y números de teléfono por valores ficticios, o usar relleno, mosaico o desenfoque. El cambio se aplica a la imagen original, así que no se puede deshacer, y los valores originales no quedan en el archivo que compartes.
Hay un editor web que funciona en el navegador, una extensión de Chrome que captura la página en la que estás y un servidor MCP para agentes de IA. La aplicación de escritorio para macOS y Windows todavía no se distribuye, pero puedes compilarla desde el código fuente.
Sí. Registra el servidor MCP @harie/mcp en Claude Code o Claude Desktop y podrá abrir imágenes de una carpeta que elijas, añadir anotaciones y actualizar el texto.