Para quem escreve guias de ajuda
Adicione caixas, números e notas às capturas de tela dos seus guias. O Harie salva um JPEG ou PNG comum que você pode colar em qualquer lugar. Abra no Harie depois, e cada caixa e legenda continua editável.
Gratuito e de código aberto (MIT), com o código no GitHub. A versão para navegador não exige instalação nem conta, e o editor está disponível em sete idiomas, incluindo português, inglês, espanhol, japonês, coreano e chinês.
E cada pessoa da equipe faz de um jeito um pouco diferente.
A IA sugere onde ficam as caixas e o que dizemCapturar, abrir, anotar, exportar, e fazer tudo de novo na próxima.
Anote a página logo depois de capturá-laSe um botão muda de nome, é preciso refazer a captura do zero. Se foi um colega que fez, o arquivo original pode nem existir mais.
Abra a imagem e qualquer pessoa corrige na horaAs telas de produção estão cheias de nomes e e-mails reais.
Troque por valores fictícios que não podem ser revertidosO Harie cuida de tudo, da primeira captura ao arquivo salvo.
Com a extensão para Chrome, você captura a página em que está e abre direto no editor. Escolha a área visível, uma região que você arrasta ou um único elemento, como um botão.
Explique com caixas, setas, números, balões e destaques. Diga ao Harie o que você quer explicar, e a IA sugere caixas numeradas com as legendas.
O Harie salva um JPEG ou PNG comum. Você pode colar como está na sua central de ajuda, e quem abrir depois ainda consegue editar as anotações.
Por que continua editável
Uma imagem salva pelo Harie leva a captura original e os dados das anotações junto com a imagem que você vê. Outros apps e navegadores simplesmente mostram uma imagem normal.
Abra no Harie e você pode mover ou reescrever cada caixa e legenda. Não é preciso guardar um arquivo de projeto separado, e quem recebe a imagem pode abri-la e corrigi-la.
Salvar de novo nunca recomprime a captura original, então a qualidade se mantém não importa quantas vezes você edite. A especificação do formato é pública (em japonês).
| Exportar de um editor de imagens | Serviço de criação de guias | Harie | |
|---|---|---|---|
| Colar direto na central de ajuda | Sim | Exportando do serviço | Sim |
| Editar o texto depois de publicado | Se você ainda tiver o arquivo de projeto | Dentro do serviço | Sim, é só abrir a imagem |
| Editável por outra pessoa além do autor | Se você entregar o arquivo de projeto | Membros do mesmo plano | Sim, é só enviar a imagem |
| Sem conta nem assinatura | Depende da ferramenta | Obrigatória | Sim |
AI
Escreva algo como “Explique como configurar as notificações do Slack”, e a IA sugere onde ficam as caixas e o que elas dizem. Você pode aceitar, rejeitar ou editar cada sugestão. Nas capturas da extensão para Chrome, as caixas se alinham aos elementos reais da página.
Conecte-se com o OpenRouter ou use sua própria chave de API da Anthropic. O Harie sempre pergunta antes de enviar uma imagem, e sua chave nunca sai deste navegador.
Depois de registrar o servidor @harie/mcp , você pode pedir ao Claude Code ou ao Claude Desktop que adicione ou corrija anotações para você. Quando um texto da interface muda, dá para atualizar de uma vez todas as imagens afetadas.
Na imagem de notificações em guides, troque “Salve para aplicar” por “Atualize para aplicar”
harie_open → harie_edit
Atualizei o balão 3 e salvei o arquivo.
Dados pessoais
Substitua nomes, endereços de e-mail e números de telefone por valores fictícios. Diferente de um desfoque, assim os leitores ainda entendem que tipo de tela estão vendo. Se preferir, também há preenchimento, mosaico e desfoque.
A ocultação é aplicada à própria imagem original, então não pode ser desfeita. Isso também significa que os valores originais não vão junto com o arquivo quando você o compartilha.
Onde quer que você salve, o arquivo e a aparência são os mesmos.
Use direto no navegador, sem instalar nada. As imagens são processadas no navegador e nunca enviadas a um servidor, e funciona offline também. Você pode trocar o idioma da interface nas Configurações.
Abrir o editorCapture a página em que você está e anote na hora. Instale pela Chrome Web Store.
Ver na Chrome Web StorePara macOS e Windows. Abra arquivos pela janela do sistema e salve de volta no mesmo lugar.
Sobre o app para desktopPermita que agentes de IA como o Claude leiam e gravem as imagens de uma pasta que você escolher.
Como configurarPrimeiros passos com MCP
Depois de registrar o servidor @harie/mcp , o Claude Code, o Claude Desktop e o app de desktop do ChatGPT podem abrir imagens do Harie e adicionar ou corrigir anotações.
Execute este comando no terminal.
Harie
claude mcp add harie -- npx -y @harie/mcp --root ~/Pictures/guides
Adicione isto a claude_desktop_config.json e reinicie o Claude Desktop. Troque a pasta pelo seu próprio caminho.
{
"mcpServers": {
"harie": {
"command": "npx",
"args": ["-y", "@harie/mcp", "--root", "/Users/you/Pictures/guides"]
}
}
}
Funciona no app de desktop do ChatGPT. Adicione isto a ~/.codex/config.toml e reinicie o app. A mesma configuração é compartilhada com o Codex CLI e a extensão para IDE. Você também pode adicionar o mesmo comando como servidor STDIO em servidores MCP, nas configurações do app.
[mcp_servers.harie] command = "npx" args = ["-y", "@harie/mcp", "--root", "/Users/you/Pictures/guides"]
O ChatGPT na web não consegue se conectar a servidores MCP que rodam no seu computador.
npx, então não há mais nada para instalar.--root para a pasta que guarda suas imagens. O servidor só pode ler e gravar dentro dessa pasta.Transforme settings.png em um arquivo do Harie, coloque uma caixa vermelha em volta do botão Salvar e adicione um balão escrito Salve aqui
Nas imagens em guides, substitua os endereços de e-mail visíveis por valores fictícios
A ocultação de dados pessoais não pode ser desfeita, então o servidor só salva depois que você confirma.
O Harie é uma ferramenta para adicionar caixas, números, balões e setas às capturas de tela da documentação de ajuda e dos guias de uso de um SaaS. Ele salva um JPEG ou PNG comum e, quando você abre essa imagem no Harie de novo, todas as anotações continuam editáveis.
Sim. O Harie salva um JPEG ou PNG comum, então você pode colá-lo como está em páginas de ajuda, chats ou documentos. A captura original e os dados das anotações ficam nos metadados da imagem, e só o Harie os usa.
Sim, desde que tenham sido salvas com o Harie. Abra no Harie a imagem que você recebeu e você poderá mover ou reescrever cada caixa e nota. Não é preciso arquivo de projeto nem conta.
A própria imagem exportada continua editável. Apps de captura de tela guardam as anotações editáveis em arquivos de projeto próprios, que ficam com quem os criou. Serviços de criação de guias só permitem editar dentro das próprias contas. O Harie guarda a captura original e as anotações dentro do JPEG ou PNG, então qualquer pessoa que tenha a imagem da sua página de ajuda pode abri-la e editá-la. O Harie não gera guias passo a passo a partir de ações gravadas.
Não. O Harie é gratuito, de código aberto sob a Licença MIT e não exige cadastro. Só as sugestões de IA precisam da sua própria chave de API da Anthropic ou de uma conta no OpenRouter, e você paga a esses serviços pelo que usar.
Não. As imagens são processadas no seu navegador ou dispositivo, e o desenvolvedor nunca as recebe. Só quando você usa os recursos de IA o Harie envia a imagem, depois de perguntar, diretamente para a API do Claude da Anthropic (pelo OpenRouter, se você se conectou com o OpenRouter).
Sim. Você pode substituir nomes, endereços de e-mail e números de telefone por valores fictícios, ou usar preenchimento, mosaico ou desfoque. A alteração é aplicada à própria imagem original, então não pode ser desfeita, e os valores originais não ficam no arquivo que você compartilha.
Há um editor web que roda no navegador, uma extensão para Chrome que captura a página em que você está e um servidor MCP para agentes de IA. O app para desktop (macOS e Windows) ainda não é distribuído, mas você pode compilá-lo a partir do código-fonte.
Sim. Registre o servidor MCP @harie/mcp no Claude Code ou no Claude Desktop, e ele poderá abrir imagens de uma pasta que você escolher, adicionar anotações e atualizar o texto.